不建议的写法：

<img src="http://www.gravatar.com/avatar/{{hash}}"/>

<img ng-src="http://www.gravatar.com/avatar/{{hash}}"/>

Directive Info

这个指令执行优先级99。

Usage

<IMG

 ng-src="">

...

</IMG>

不建议的写法：

<img srcset="http://www.gravatar.com/avatar/{{hash}} 2x"/>

建议的方案：

<img ng-srcset="http://www.gravatar.com/avatar/{{hash}} 2x"/>  

Directive Info

这个指令执行优先级99。

Usage

<IMG

  ng-srcset="">

...

</IMG>  

<div ng-init="scope = { isDisabled: false }">

<button disabled="{{scope.isDisabled}}">Disabled</button>

</div>

如果我们在angular里面放一个这样的属性，当浏览器移除此属性，绑定信息将丢失。

Directive Info

这个指令执行优先级100。

Usage

<INPUT

  ng-disabled="">

...

</INPUT> 

///////////////////////////////////////////////////////

Click me to toggle: <input type="text" ng-model="youname"><br/>

{{youname}}

<button ng-disabled="youname">Button</button>

 ng-disabled="youname"写成字符串的时候就可以实现，如果用{{}}就不可用。

Directive Info

Usage

<INPUT

  ng-checked="">

...

</INPUT> 

//////////////////////////////////////     

Check me to check both: <input type="checkbox" ng-model="master"><br/>

<input id="checkSlave" type="checkbox" ng-checked="master">

如果我们在angular里面放一个这样的属性，当浏览器移除此属性，绑定信息将丢失。

Directive Info

<INPUT

  ng-readonly="">

...

</INPUT>

//////////////////////////////////////////////////   

Check me to make text readonly: <input type="checkbox" ng-model="checked"><br/>

<input type="text" ng-readonly="checked" value="I'm Angular"/>

Arguments

ngModelOptions

Arguments

• as attribute:

  <ANY
  
    ng-bind="">
  
  ...
  
  </ANY>

• as CSS class:

  <ANY class="ng-bind: ;"> ... </ANY>

  Arguments

  Param	Type	Details
  ngBind	expression	表达式来评估

  Example

  实时预览文本框中输入一个名称;文本框下面的问候立即变化。

  <script>
  
    angular.module('bindExample', [])
  
      .controller('ExampleController', ['$scope', function($scope) {
  
        $scope.name = 'Whirled';
  
      }]);
  
  </script>
  
  <div ng-controller="ExampleController">
  
    Enter name: <input type="text" ng-model="name"><br>
  
    Hello <span ng-bind="name"></span>!
  
  </div>

  ngBindTemplate

  ngBindTemplate指令指定的元素文本内容应该替换为模板的插值,在在ngBindTemplate属性。不像ngBind，

  ngBindTemplate可以包含多个{ { } }表达式。这个指令需要限制一些HTML元素(如title和option)不能包含SPAN元素。

   

  Usage

   

• <ANY
  
    ng-bind-template="">
  
  ...
  
  </ANY>

•  

  Arguments

  Param	Type	Details
  ngBindTemplate	string	模板从  {{ expression }}  eval.

  <script>
  
    angular.module('bindExample', [])
  
      .controller('ExampleController', ['$scope', function($scope) {
  
        $scope.salutation = 'Hello';
  
        $scope.name = 'World';
  
      }]);
  
  </script>
  
  <div ng-controller="ExampleController">
  
   Salutation: <input type="text" ng-model="salutation"><br>
  
   Name: <input type="text" ng-model="name"><br>
  
   <pre ng-bind-template="{{salutation}} {{name}}!"></pre>
  
  </div>

  ngBindHtml

  创建一个绑定,将innerHTML表达式的结果放到当前元素在一个安全的方式。默认情况下,innerHTML-ed内容将使用  $sanitize 服务。利用这个功能,确保 $sanitize 是可用的。例如,通过包括ngSanitize模块的依赖关系(而不是angular核心)。为了使用ngSanitize模块的依赖关系,你需要包括“angular-sanitize。js”在您的应用程序。

   

  你也可以用你知道的安全值去绕过sanitization，要做到这一点,通过$sce.trustAsHtml绑定到一个明确的信任值。

  看下面的这个例子r Strict Contextual Escaping (SCE).

   

  注释：如果 $sanitize 服务无效和绑定值不是确定值,将会有异常（而不是一个可用的）。

   

  Directive Info

  这个指令执行优先级为0。

   

  Usage

  as attribute:

  <ANY
  
    ng-bind-html="">
  
  ...
  
  </ANY>

  Arguments

  Param	Type	Details
  ngBindHtml	Expression	解析表达式.

   

  ngClass

  ngClass指令允许您动态HTML元素上设置CSS类，数据绑定表达式代表所需添加的类。、

   

  该指令有三种不同的方式,这取决于表达式的三种类型：

  1.如果表达式的求值结果为一个字符串，字符串应该是一个或多个空格分隔类名。

  2.如果表达式的求值结果为一个数组,应该是一个字符串数组的每个元素是一个或多个空格分隔类名。

  3.如果表达式的求值结果为对象,然后为每个对象的键-值对可疑值对应的关键是作为类名。

   

  该指令不会添加重复的类如果已经设置一个特定的类。

  当表达变化时,前面添加类都删除,然后再添加新类。

   

  Directive Info

  这个指令执行优先级为0。

   

  Usage

  as attribute:

  <ANY
  
    ng-class="">
  
  ...
  
  </ANY>

  as CSS class:

  <ANY class="ng-class: ;"> ... </ANY>

  ngClassOdd

  ngClassOdd and ngClassEven 完全按照ngclass来工作，除了他们在一起工作，

  除了他们在结合ngRepeat工作和只在奇数(偶数)行生效。

   

  这个指令可以应用只有ngRepeat的范围内。

   

  Usage

  as attribute:  

  <ANY

  ng-class-odd="">

  ...

  </ANY>

  as CSS class:

  <ANY class="ng-class-odd: ;"> ... </ANY>

  Arguments

  Param	Type	Details
  ngClassOdd	expression	表达式eval,结果可以是一个字符串,用空格分割类或一个数组。

  ngClassEven 跟 ngClassOdd 正好相反