Angularjs

Angular是一款主旋律的MVVM框架，框架和传统的库不同：

• 类库是一些函数的集合，它能帮助你写WEB应用。起主导作用的是你的代码，由你来决定何时使用类库。类库有：jQuery等
  
  

• 框架是一种特殊的、已经实现了的WEB应用，你只需要对它填充具体的业务逻辑。这里框架是起主导作用的，由它来根据具体的应用逻辑来调用你的代码。框架有：knockout等。

Angular.js主要用于构建单页面web应用，提供了诸如：

1.解耦应用逻辑、数据模型和视图
2.AJax服务
3.依赖注入
4.浏览历史
5.测试和更多功能

简要解释Angularjs就是一个可以给HTML加上互动性的客户端js框架。我们需要明白如何让HTML适时调用js。

在Angular中，我们通过指令（Directives）给HTML加上行为。指令是一个在HTML标签上的标记，用来告诉Angular运行或者引用哪些js代码。为指令赋值函数名，即可运行。但这不是很好的方式，我们只需明白这就是指令如何绑定行为的

Angular模块（module）

模块是指写Angular应用的代码片段，这样可以使代码分离开来，因此代码会更好维护，可读和测试。还可以在module里定义代码依赖关系，可以调用一个模块，再在代码中定义这个模块依赖于另外两个。

VAR app = angular.module('@R_777_1413@',[]);//store=>应用名,[]=>定义依赖关系,app为模块的实例对象

AngularJS允许我们使用angular.module()方法来声明模块，这个方法能够接受两个参数, 第一个是模块的名称，第二个是依赖列表,也就是可以被注入到模块中的对象列表。

表达式

表达式{{}}允许你动态插入值到你的HTML当中。

控制器（Controller）

控制器帮助我们把应用内的数据信息显示到页面中，控制器是通过定义函数和变量，从而定义应用行为的地方。ng-controller定义了AngularJS 应用程序被控制器控制。

ng-controller帮助我们把控制器附属在html元素上，作为ng-controller属性的值，我们要写控制器名字，我们用as关键字这个属性值起个别名。我们将会在元素内的表达式中使用这个别名

<div ng-controller="StoreController as store">
    <h1>{{store.product.name}}</h1>
    <h2>${{store.product.price}}</h2>
    <p>{{store.product.description}}</p>
</div>
(function () {
    var app = angular.module('store',[]);
    app.controller("StoreController", function () {
        this.product = gem;
    });
    var gem = {
        name: 'trigkit4',
        price: 2.09,
        description: '...'
    }
})();

这个控制器的范围权限仅限于它所附属的元素

指令是触发javascript函数行为的html标记
模块是定义应用的各个组成部分
控制器定义应用的行为
表达式控制我们如何将信息显示在页面上

ng-app来把应用模块放到页面上 
ng-controller来把逻辑控制器放到页面上
ng-show & ng-hide来通过表达式控制元素的显示与否
ng-repeat来循环一个数组中所有的数据

过滤器filter

angular提供了很多不同的过滤器，在相似的表示方式下，即取出一些数据，传递数据（竖线| 后跟表达式）给相应的过滤器，
有时候也可以给它加上相应的参数

{{data* | filter:option*}}

比如：
uppercase & lowercase

{{'trigkit4' | uppercase}} /*TRIGKIT4*/

还有比如限制过滤器（limitTo filter），可以控制字符的输出数量：

{{'My dictionary' | limitTo:8}} /*My dicti*/

指令Directives

Angularjs通过指令（directive）扩展HTML的语法，通过通过{{}}进行数据绑定

ng-app

ng-app属性声明所有被其包含的内容都属于这个AngularJS应用, 只有被具有ng-app属性的@L_406_7@元素包含的元素才会受AngularJS影响。如果不写该指令，angular是不会执行的。

ng-init

ng-init指令初始化应用程序数据，也就是为AngularJS应用程序定义初始值。如下，为应用程序name赋初值：