ng-class  ng-style  ng-href   ng-src

等都是angular内置的一些attr指令,作用跟原生的写法都是一样的,只是在写法上有些不同。如:

<div ng-class="{{sClass}}">{{str}}</div>
<div ng-style="{{style}}">{{str}}</div>
 <a ng-href="{{url}}">one</a>

 其中添加class的写法是不太一样,{red:true,yellow:true},angular中以这种对象的形式,将要添加的类作为key,值为true即可。

 

但是并不是所有attr都会有相对应的指令,所以,angular有一个通用的attr指令,ng-attr-(suffix)

如:

<a ng-attr-href="{{url}}" ng-attr-title="{{str}}" ng-attr-class="" ng-attr-style="{color:red}">aaaaaaa</a>

posted on 2015-11-15 16:24  toodeep  阅读(169)  评论(0编辑  收藏  举报