欢迎使用CSDN-markdown编辑器

来源:互联网 发布:阿里云 oss sdk 编辑:程序博客网 时间:2024/06/05 08:33

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

ng-app为 AngularJS应用创建rootScopengcontrollerrootScope或另外一个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
-index0length1first:当元素是遍历的第一个时值为true。
-middletruelast:当元素是遍历的最后一个时值为true。
-evenindex值是偶数时值为true。
-oddindex值是奇数时值为true。
ng-model
ng-model 指令用来将input、 select、 text area或自定义表单控件同包含它们的作用域中的属性进行绑定。它可以提供并处理表单验证功能,在元素上设置相关的CSS类( ng-valid、ng-invalid等),并负责在父表单中注册控件
ng-form
ng-form用来在一个表单内部嵌套另一个表单。普通的HTML 标签不允许嵌套,但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)做标签;
 用对象的键值作为选中的标签;
 用对象的键值作为标签组;
 用对象的键值作为选中的标签组。

0 0
原创粉丝点击