$compile.directive.Attributes

本文介绍了AngularJS中用于处理DOM元素属性的方法,包括属性名的规范化、CSS类的添加与删除、属性值的设置等操作。同时提供了观察属性变化及更新CSS类的方法。

指令编译/链接函数之间的共享对象,其中包含规范化的DOM元素属性。这些值反映了{{}}当前的绑定状态。由于所有这些都在AngularJS中得到了同等的对待,因此需要进行规范化。

方法:

$normalize(name);

  将属性名(e.g. dash/colon/underscore-delimited string, optionally prefixed with x- or data-)转换为其规范化的camelCase形式。

  还有一个特殊的情况,就是用大写字母开头的Moz前缀。

  要获得进一步的信息,请查看Matching Directives

$addClass(classVal);

  将classVal参数指定的CSS类值添加到元素中。如果动画被激活,那么将为类添加触发一个动画。

$removeClass(classVal);

 

  从元素中删除由classVal参数指定的CSS类值。如果动画被激活,那么将会触发一个动画来删除类。

$updateClass(newClasses, oldClasses);

  根据新老CSS类值的不同(指定为newclass和老式类),添加并删除适当的CSS类值。

$observe(key, fn);

$set(name, value);

  设置DOM元素属性值。

属性:

$attr

  DOM元素的一个映射到规范化的名称。这需要进行反向查找,从规范化名称返回到实际名称。 

转载于:https://www.cnblogs.com/ms-grf/p/7027766.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值