代码改变世界

Angular-js初学习

2015-06-07 23:49  在web学习路上  阅读(233)  评论(0)    收藏  举报

                       Angular-js特性

  Angular-js是有比较新型的js框架。Angular-js的思想比较新颖,方法也跟jQuery完全不同,历经了5年的建设,Angular-js也开始流行,现在也有很多人开始运用。前端知识发展快,对于优秀的框架,我们需要掌握,需要跟上时代的脚步,学习掌握新知识。

  AngularJS是google在维护,其在国外已经十分火热,可是国内的使用情况却有不小的差距,只是有一点火热的初劲,不过借鉴国外的势头,还是比较看好本框架的。

  现在比较重要的一个问题是,我们该什么时候用Angular框架,它最适于开发客户端的单页面应用,对数据的增删查改的Ajax就比JQuery要有优势。但是像游戏开发之类需要对DOM进行大量操作,或者需要极高运行速度的应用的时候就不适合AngularJs了。  

  AngularJS这种运用方式利用并且扩展HTML,CSS和javascript,并且弥补了它们的一些非常明显的不足。本应该使用HTML来实现而现在由它开发的动态一些内容。AngularJS有五个最重要的功能和特性:

  特性一:双向的数据绑定

    数据绑定它能避免写大量的初始代码。AngularJs的双向数据绑定,能够同步DOM和Model等。

  特性二:模板

    在AngularJs中,一个模板就是一个HTML文件。但是HTML的内容扩展了,包含了很多帮助你映射model到view的内容。HTML模板将会被浏览器解析到DOM中。DOM然后成为AngularJS编译器的输入。AngularJS将会遍历DOM模板来生成一些指导,所有的指令都负责针对view来设置数据绑定。

  特性三:MVC方式

    AngularJs与jQuery的很大不同就是它吸收了传统的MVC基本原则。MVC即(Model-View-Controll)

    model:模型 view:试图 Contraller:控制器

    moder是应用中的简单数据.view是一个用来提供特别数据和方法而维护制定的view的对象。  controller负责设置初始状态和参数化$scope方法用以控制行为。需要指出的controller并不保存状态也不和远程服务互动。   view是AngularJS解析后渲染和绑定后生成的HTML 。这个部分帮助你创建web应用的架构。$scope拥有一个针对数据的参考,controller定义行为,view处理布局和互动。

  特性四:服务和依赖注入  

    AngularJS服务其作用就是对外提供某个特定的功能。

    AngularJS拥有内建的依赖注入(DI)子系统,可以帮助开发人员更容易的开发,理解和测试应用。我们需要什么,就可以注入什么。DI允许你请求你的依赖,而不是自己找寻它们。比如,我们需要一个东西,DI负责找创建并且提供给我们。

  特性五:指令

    指令特性功能强大,指令可以用来创建自定义标签,用来装饰元素或者操作DOM属性。可以作为标签、属性、注释、和类名使用。比如用directive来使用,

    myModule.directive('myComponent', function(mySharedService) {

      return{ restrict:"E"(转换成标签), replace:true(是否替换标签),

          controller:function(){}(),

         }

}