AngularJs学习笔记

ng-disabled
ng-readonly
ng-checked
ng-selected
ng-href
ng-src

ng-app为 AngularJS应用创建$rootScope， ng-controller则会以 $rootScope或另外一个ng-controller的作用域为原型创建新的子作用域

ng-app
任何具有ng-app属性的DOM元素将被标记为$rootScope的起始点

ng-include
使用ng-include时AngularJS会自动创建一个子作用域。如果你想使用某个特定的作用域，例如ControllerA的作用域，必须在同一个DOM元素上添加ng-controller ="ControllerA"指令，这样当模板加载完成后，不会像往常一样从外部作用域继承并创建一个新的子作用域。下面看一个例子：

<div ng-include="/myTemplateName.html"
 ng-controller="MyController"
 ng-init="name = 'World'">
 Hello {{ name }}
</div>

ng-switch
g-switch-when及on="propertyName" 一起使用

<input type="text" ng-model="person.name"/>
<div ng-switch on="person.name">
    <p ng-switch-default>And the winner is</p>
    <h1 ng-switch-when="Ari">{{ person.name }}</h1>
</div>

ng-repeat
-$index：遍历的进度（ 0...length-1 ）。
-$first：当元素是遍历的第一个时值为true。
-$middle：当元素处于第一个和最后元素之间时值为true。
-$last：当元素是遍历的最后一个时值为true。
-$even：当$index值是偶数时值为true。
-$odd：当$index值是奇数时值为true。
ng-model
ng-model 指令用来将input、 select、 text area或自定义表单控件同包含它们的作用域中的属性进行绑定。它可以提供并处理表单验证功能，在元素上设置相关的CSS类（ ng-valid、ng-invalid等），并负责在父表单中注册控件
ng-form
ng-form用来在一个表单内部嵌套另一个表单。普通的HTML <form> 标签不允许嵌套，但ng-form可以

表单合法时设置ng-valid；
表单不合法时设置ng-invlid；
表单未进行修改时设置ng-pristion；
表单进行过修改时设置ng-dirty。

angular.module('myApp', [
]).controller('FormController', function ($scope) {
  $scope.fields = [
    {
      placeholder: 'Username',
      isRequired: true
    },
    {
      placeholder: 'Password',
      isRequired: true
    },
    {
      placeholder: 'Email (optional)',
      isRequired: false
    }
  ];
  $scope.submitForm = function () {
    alert('it works!');
  };
});

ng-select
数组作为数据源：
 用数组中的值做标签；
 用数组中的值作为选中的标签；
 用数组中的值做标签组；
 用数组中的值作为选中的标签组。

对象作为数据源：
 用对象的键值（ key-value）做标签；
 用对象的键值作为选中的标签；
 用对象的键值作为标签组；
 用对象的键值作为选中的标签组。