对于AngularJS的介绍
2015-06-07 16:58
507 查看
随着社会的发展和不断的进步,AngularJs不断的开始吸引我们的眼球,为我们编写代码和功能的实现提供了很有效的帮助。
AngularJs是一个用于设计动态web应用的结构框架。主要进行的是对增、删、查、改方面的功能,解除dom的操作,在底层实现dom 操作。同时,它是借鉴了MVC的理念,推出自己的实现的方法。
有人认为它是MVC,即model view controller(模型,视图,控制器),然而有的人认为是MVVM,即(模型,视图,这里的VM是一个整体,表示:视图模型)。但是AngularJS对于游戏的开发就不行了,因为游戏存在很多dom的操作,然而它是解除dom的操作。
其中AngularJs有五个最重要的功能和特性:
1.双向的数据绑定。
数据绑定,使你的编写的代码可以更少,提供尽可能多的时间去做你的应用。
这里有一个非常简单的例子,用来演示一个input输入框和<h1>元素的双向绑定(例01):
2.模版。
在AngularJS中,一个模板就是一个HTML文件。
HTML模板将会被浏览器解析到DOM中。DOM然后成为AngularJS编译器的输入。AngularJS将会遍历DOM模板来生成一些指导,即,directive(指令)。所有的指令都负责针对view来设置数据绑定。
这里有一个例子,我们使用ng-repeat指令来循环图片数组并且加入img模板,如下:
3.MVC。
MVC或者Model-View-Controll设计模式针对不同的人可能意味不同的东西。AngularJS并不执行传统意义上的MVC,更接近于MVVM(Moodel-View-ViewModel)。
model是应用中的简单数据。viewmodel是一个用来提供特别数据和方法从而维护指定view的对象。controller负责设置初始状态和参数化$scope方法用以控制行为。
4.服务和依赖注入。
AngularJS拥有内建的依赖注入(DI)子系统,可以帮助开发人员更容易的开 发,理解和测试应用。
AngularJs是一个用于设计动态web应用的结构框架。主要进行的是对增、删、查、改方面的功能,解除dom的操作,在底层实现dom 操作。同时,它是借鉴了MVC的理念,推出自己的实现的方法。
有人认为它是MVC,即model view controller(模型,视图,控制器),然而有的人认为是MVVM,即(模型,视图,这里的VM是一个整体,表示:视图模型)。但是AngularJS对于游戏的开发就不行了,因为游戏存在很多dom的操作,然而它是解除dom的操作。
其中AngularJs有五个最重要的功能和特性:
1.双向的数据绑定。
数据绑定,使你的编写的代码可以更少,提供尽可能多的时间去做你的应用。
这里有一个非常简单的例子,用来演示一个input输入框和<h1>元素的双向绑定(例01):
2.模版。
在AngularJS中,一个模板就是一个HTML文件。
HTML模板将会被浏览器解析到DOM中。DOM然后成为AngularJS编译器的输入。AngularJS将会遍历DOM模板来生成一些指导,即,directive(指令)。所有的指令都负责针对view来设置数据绑定。
这里有一个例子,我们使用ng-repeat指令来循环图片数组并且加入img模板,如下:
3.MVC。
MVC或者Model-View-Controll设计模式针对不同的人可能意味不同的东西。AngularJS并不执行传统意义上的MVC,更接近于MVVM(Moodel-View-ViewModel)。
model是应用中的简单数据。viewmodel是一个用来提供特别数据和方法从而维护指定view的对象。controller负责设置初始状态和参数化$scope方法用以控制行为。
4.服务和依赖注入。
AngularJS拥有内建的依赖注入(DI)子系统,可以帮助开发人员更容易的开 发,理解和测试应用。
相关文章推荐
- AngularJS 作用域Scope的继承
- AngularJS(一)——从零开始AngularJS
- AngularJS简单的理解
- AngularJS实现购物车
- AngularJs轻松搞定表单验证
- AngularJS入门教程
- --@angularJS--$scope.watch监听模型变化
- kendo mobile angularjs 不同页面之间进行通信
- angularjs directive design made easy
- AngularJS去掉的URL里的#号
- Angular 学习笔记 2015.6.4
- angularjs 定义指令学习1
- AngularJS学习之路--- $on、$emit和$broadcast的使用
- AngularJS依赖注入
- angularJS测试并集成到jinkens
- 有关Angular 2.0的一切
- 【AngularJs】---JSONP跨域访问数据传输
- 【Ionic】---AngularJS扩展基本布局
- 【AngularJs】---Error: [ng:areq] Argument is not a function, got undefined;
- 【AngularJs】---$sce 输出Html