大佬教程收集整理的这篇文章主要介绍了AngularJs directive指令实例，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。
1.简单实例
<body ng-app="myApp">
<runoob-directive></runoob-directive>
<script>
var app = angular.module('myApp',[]);
app.directive('runoobDirective',function () {
return {
reStrict:'E',template:'<h1>@R_419_2483@指令</h1>'
};
});
</script>
</body>
<body ng-app="myApp">
<runoob-directive>asdf</runoob-directive>
<script>
var app = angular.module('myApp',function () {
return {
reStrict: 'E',template: '<h1>@R_419_2483@指令</h1>',replace: true //指定是否将当前页面元素替换成 template
};
});
</script>
</body>
3.reStrict指令约束
<body ng-app="myApp">
<my-site value="http://www.tianma3798.cn" text="爱短句"></my-site>
<div class="my-site"
value="http://www.tianma3798.cn"
text="爱短句"></div>
<div my-site
value="http://www.tianma3798.cn"
text="爱短句"></div>
<script>
var app = angular.module('myApp',[]);
app.directive('mySite',function () {
return {
reStrict: 'EAC',template: function (elem,attr) {
return '<a href="' + attr.value + '">' + attr.text + '</a>';
},replace:true
};
});
</script>
</body>以上是大佬教程为你收集整理的AngularJs directive指令实例全部内容，希望文章能够帮你解决AngularJs directive指令实例所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。