开发者社区开发与运维文章正文

AngularJS-自定义指令

2015-09-01 931

版权

本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。

简介： AngularJS的内置指令总归是有限的，特别是我们需要操纵dom时，就需要自己编写directive。有这样一个场景，管理系统中切换状态，见图1. 图1 切换状态时的确认框效果那么就可以定义指令“ng-confirm-click”，js： html： <td> <a ctrip-confirm-click ng-show="item.statu

AngularJS的内置指令总归是有限的，特别是我们需要操纵dom时，就需要自己编写directive。

有这样一个场景，管理系统中切换状态，见图1.

图1 切换状态时的确认框效果

那么就可以定义指令“ng-confirm-click”，js：

html：

<td>
	<a ctrip-confirm-click ng-show="item.status == 'on'" class="btn btn-success" ctrip-confirm-click-fn="stopOrStartRule(item)" >
		停用
	</a>
	<a ctrip-confirm-click ng-show="item.status != 'on'" class="btn btn-default" ctrip-confirm-click-fn="stopOrStartRule(item)" >
		启用
	</a>
</td>

文章标签：

JavaScript