angularJS几大特性

angularJS的几大核心特性MVC、模块化Module、指令系统、双向数据绑定。

1、MVC
MVC即是Model、Controller、View的缩写,Model是指数据模型层,Controller负责业务逻辑和控制逻辑,View是视图层,负责展示。视图将数据呈现给用户,而控制器就是二者之间的桥梁。

2、模块化Module
在angularJS中,模块是定义应用的主要方式。模块包含了主要的应用代码,一个应用可以包含多个模块,每一个模块都包含了定义功能的代码。

模块化的优点:

  • 保持全局命名空间的整洁。
  • 易于在不同的应用间复用代码。
  • 使应用能够以任意顺序加载代码各个部分。
  • 编写测试代码更容易。
angularJS几大特性_第1张图片
图片.png

声明一个模块


 var app=angular.module('myApp',[ ]);  

3、指令系统
angularJS中的指令,我们可以理解成在特定DOM元素上运行的函数,指令可以扩展元素的功能。我们可以通过angularJS内置的指令来为应用添加功能,同时我们也可以通过directive 函数来定义自己的指令。

自定义指令

var app=angular.module('myApp',[]);
/*通过directive 来创建自己的指令,第一个参数是指令的名称*/
    app.directive('myDirective',function(){ //这个函数返回一个对象,定义指令全部行为
    return {
             //通过设置项来定义指令
    }
})

4、双向数据绑定
双向数据绑定即是数据模型和view 视图之间的数据双向绑定,当客户端数据模型发生变化时,视图就能反应出这些变化,反之也是。

{{data}}

就上面这个例子,当输入字段中的值发生改变时,data就会被更新,而视图将会反应出这个更新。

你可能感兴趣的:(angularJS几大特性)