ng-disabled
ng-readonly
ng-checked
ng-selected
ng-href
ng-src
ng-app為 AngularJS應用創(chuàng)建$rootScope, ng-controller則會以 $rootScope或另外一個ng-controller的作用域為原型創(chuàng)建新的子作用域
ng-app
任何具有ng-app屬性的DOM元素將被標記為$rootScope的起始點
ng-include
使用ng-include時AngularJS會自動創(chuàng)建一個子作用域。如果你想使用某個特定的作用域,例如ControllerA的作用域辛臊,必須在同一個DOM元素上添加ng-controller ="ControllerA"指令娃弓,這樣當模板加載完成后运挫,不會像往常一樣從外部作用域繼承并創(chuàng)建一個新的子作用域七冲。下面看一個例子:
<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值是偶數(shù)時值為true破婆。
-$odd:當$index值是奇數(shù)時值為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
數(shù)組作為數(shù)據(jù)源:
? 用數(shù)組中的值做標簽陷寝;
? 用數(shù)組中的值作為選中的標簽锅很;
? 用數(shù)組中的值做標簽組;
? 用數(shù)組中的值作為選中的標簽組凤跑。
對象作為數(shù)據(jù)源:
? 用對象的鍵?值( key-value)做標簽爆安;
? 用對象的鍵?值作為選中的標簽;
? 用對象的鍵?值作為標簽組仔引;
? 用對象的鍵?值作為選中的標簽組扔仓。