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)做标签;
用对象的键值作为选中的标签;
用对象的键值作为标签组;
用对象的键值作为选中的标签组。