首页 > 其他 > 详细

属性相关的指令

时间:2015-11-15 17:37:47      阅读:313      评论:0      收藏:0      [点我收藏+]

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>

属性相关的指令

原文:http://www.cnblogs.com/toodeep/p/4966777.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!