前端之家收集整理的这篇文章主要介绍了
[Angularjs]自定义指令,
前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
写在前面
标签,比如你在移动端h5应用中,有个经常用的功能,比如通讯录的功能,不同的页面都要用到,这时你可以将其封装为指令,在使用的时候可以通过这样的语义化的标签直接在页面中使用即可。
例子
自定义指令,先体会下指令的妙处。
app = angular.module('app_store',['ngRoute','StoreService'自定义指令
app.directive('helloworld','E''Hello world
'
效果
生成的html
Hello world
生成的标签,你大概已经猜出template的作用了。
app = angular.module('app_store',]);
<span style="color: #008000;">//<span style="color: #008000;">
自定义指令
app.directive('friends',controller:'FriendsController'<span style="color: #000000;">,templateUrl: '../Scripts/Views/friends.html'<span style="color: #000000;">,transclude: <span style="color: #0000ff;">true<span style="color: #000000;">,scope: {
type:"&"<span style="color: #000000;">
}
};
});