AngularJS简介-起步阶段

AngularJS 是一个为动态WEB应用设计的结构框架,提供给大家一种新的开发应用方式,这种方式可以让你扩展HTML的语法,以弥补在构建动态WEB应用时静态文本的不足,从而在web应用程序中使用HTML声明动态内容。

AngularJS有五个主要核心特性,如下介绍:

1.双向数据绑定 —— 实现了把model与view完全绑定在一起,model变化,view也变化,反之亦然。

2.模板 —— 在AngularJS中,模板相当于HTML文件被浏览器解析到DOM中,AngularJS遍历这些DOM,也就是说AuguarJS把模板当做DOM来操作,去生成一些指令来完成对view的数据绑定。

3.MVVM —— 吸收了传统的MVC设计模式针但又并不执行传统意义上的MVC,更接近于MVVM(Moodel-View-ViewModel)。

4.依赖注入 —— AngularJS拥有内建的依赖注入子系统,可以帮助开发人员更容易的开发,理解和测试应用。

5.指令 —— 可以用来创建自定义的标签,也可以用来装饰元素或者操作DOM属性。

下载方式:

  1)-- 浏览器输入 http://docs.angularjs.cn/api

  2)--命令窗口下 npm install angularjs

创建应用

AngularJS是以一个JavaScript文件形式发布的,可通过script标签载入AngularJS脚本,如下所示:

  1. <script src="http://www.hubwiz.com/scripts/angular.min.js"></script>

复制以下代码至右边栏,做好准备工作。

  <div ng-app="" ng-init="name=‘World‘">

    Hello {{ name }}

  </div>

点击运行结果查看是否为“Hello World”,如正确则表示AngularJS脚本成功引入。

时间: 2024-11-07 03:46:11

AngularJS简介-起步阶段的相关文章

用angularjs开发下一代web应用(一):angularjs简介

1.客户端模板 与普通的web方式及ajax方式不同, 在angular中,模板和数据都会发送到浏览器中,然后在客户端进行装配.这样一来,服务器的角色就变成了仅仅为这些模板提供一些静态资源,然后为这些模板提供所需的正确数据.{{ }}:单向的数据绑定 2.MVC 在angular应用中,视图就是DOM({{ }}),控制器就是js类(ng-controller),而模型数据则被存储在对象的属性中($scope:将数据绑定到UI的元素上). 3.数据绑定 仅仅声明UI中的某部分需要映射到某个js属

AngularJs——简介,表达式,指令

AngularJs简介 AngularJs是一个JavaScript框架,它可通过<script>标签添加到HTML页面,它是一个以JavaScript编写的库. AngularJs通过指令扩展了HTML,且通过表达式绑定数据到HTML. AngularJs扩展了HTML AngularJs通过ng-directives扩展了HTML. ng-app指令定义一个AngularJs应用程序. ng-model指令把元素值(比如输入域的值)绑定到应用程序. ng-bind指令把应用程序数据绑定到H

AngularJS 1.x系列:AngularJS简介及第一个应用(2)

1. 安装AngularJS 1.1 AngularJS官网 Github源码:https://github.com/angular/angular.js 官网:https://angularjs.org/ 1.2 npm安装AngularJS npm install angular

AngularJS 简介

1. 什么是 AngularJS 1.1 AngularJS 是一个 JavaScript 框架 AngularJS 是一个 JavaScript 框架,是一个以 JavaScript 编写的库,可通过 <script> 标签添加到 HTML 页面中. <script src="http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"></script> 注:考虑到网页加载速度,建议把脚本

AngularJs简介

AngualrJs是一个javascript框架,它通过<script>标签加到HTML页面中. Angular通过指令拓展了HTML,且通过表达式绑定数据到HTML. Angular是一个javascript框架 Angular是一个javascript框架.它是一个以javascript编写的库. Angular是以一个javascript文件形式发布的,可通过script标签添加到网页中: <script src="dist/angular/angular.min.js&

浅议Angular(一) -- AngularJS简介

Angular? 作为一款非常优秀的前端高级JS框架,区别于jQuery封装了很多DOM操作,AngularJS应用场景比较特殊,主要为数据呈现或交互等.从09年被Google收购以来,Angular在全球迅速普及,如今的Angular2有了颠覆式的变化. 现在针对Angular1.4.9的最新稳定版本进行简单的讨论. Angular用于快速构建SPA(单一页面应用程序). 单一页面应用程序只有一个页面,即整个应用程序的一个载体,其内容全部是由Ajax方式呈现出来的. 我们知道,传统网站的开发以

AngularJS 简介、指令、表达式

AngularJS 是一个 JavaScript 框架.它可通过 <script> 标签添加到 HTML 页面. AngularJS 通过指令扩展了 HTML,且通过表达式绑定数据到 HTML. AngularJS 是一个 JavaScript 框架.它是一个以 JavaScript 编写的库. AngularJS 是以一个 JavaScript 文件形式发布的,可通过 script 标签添加到网页中: <script src="http://cdn.static.runoob

angularJS简介及其特点—— 五大特性,加快 Web 应用开发

AngularJS 是谷歌的一个 JavaScript 框架,旨在简化前端应用程序的开发. #1 良好的应用程序结构 通常情况下,我们编写 JavaScript 没有明确的结构.虽然在编写小应用程序的时候没有问题,但这显然是不适合于大规模的应用程序.使用 AngularJS,您可以通过MVC(模型 - 视图 - 控制器)或MVVM (模型 - 视图 - 视图模型)模式来组织源代码. AngularJS 是一个 MVW 框架,其中W代表可以用于任何项目.你可以组织你的代码模块,它可显著提高应用程序

AngularJS开发指南1:AngularJS简介

什么是 AngularJS? AngularJS 是一个为动态WEB应用设计的结构框架.它能让你使用HTML作为模板语言,通过扩展HTML的语法,让你能更清楚.简洁地构建你的应用组件.它的创新点在于,利用 数据绑定 和 依赖注入,它使你不用再写大量的代码了. AngularJS是为了克服HTML在构建应用上的不足而设计的.HTML是一门很好的为静态文本展示设计的声明式语言,但要构建WEB应用的话它就显得乏力了. 通常,我们是通过以下技术来解决静态网页技术在构建动态应用上的不足: 类库 - 类库是