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"指令,这样当模板加载完成后,不会像往常一样从外部作用域继承并创建一个新的子作用域。下面看一个例子:

Hello {{ name }}

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


And the winner is

{{ person.name }}

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

标签不允许嵌套,但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)做标签;
 用对象的键值作为选中的标签;
 用对象的键值作为标签组;
 用对象的键值作为选中的标签组。

你可能感兴趣的:(AngularJs学习笔记)