angularJS几大特性

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

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

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

模块化的优点：

• 保持全局命名空间的整洁。
• 易于在不同的应用间复用代码。
• 使应用能够以任意顺序加载代码各个部分。
• 编写测试代码更容易。

图片.png

声明一个模块

<!--第一个参数是模块的名称，第二个参数是该模块要依赖的模块-->
 var app=angular.module('myApp',[ ]);  

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

自定义指令

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

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

<div ng-controller="myCtrl">
    <input type="text" ng-model="data">
    <p>{{data}}</p>
</div>
<script type="text/javascript">
       var app=angular.module('myApp',[]);
       app.controller('myCtrl',function($scope){
         $scope.data="你输入的值";
       });
</script>

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