大佬教程收集整理的这篇文章主要介绍了AngularJs1学习笔记：指令，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。
<div ng-init="name='HAHA';age='100'"> <p>姓名：{{name}}，年龄：{{age}}</p> <!--显示:姓名：HAHA，年龄：100--> </div>
<div ng-init="name='HAHA';age='100'"> <p>姓名：{{name}}，年龄：{{age}}</p> <input ng-model="name"></input> </div>
<div ng-init="name='HAHHA'">
<p ng-bind="name"></p>
</div>
<div ng-init="name='HAHHA';age='122'"> <p ng-bind="age">{{name}}</p> </div> 这个最后只会显示122
<div ng-controller="MainController"> <ul ng-repeat="m in emails"> <li>{{$index+1}}:</li> <li>{{m.id}}</li> <li>{{m.name}}</li> <li>{{m.message}}</li> </ul> </div>
//邮件
var messages=[{
id:100,name:@H_312_301@"哈哈哈",message:@H_312_301@"今天星期五啊，明天不上班。"
},{
id:300,name:@H_312_301@"猪八戒",message:@H_312_301@"约了师兄逛公园"
}];
app.controller(@H_312_301@'MainController',function($scope){
console.log(messages);
$scope.emails =messages;
});
app.directive(@H_312_301@'myDirective',function(){
return{
template:@H_312_301@"<p>这是一个自定义指令</p>"
}
});
<my-directive></my-directive>
app.directive(@H_312_301@'myDirective',function(){
return{
restrict : @H_312_301@"E",//元素名使用
template:@H_312_301@"<p>这是一个自定义指令</p>"
}
});
restrict : @H_312_301@"E",//元素名使用
<my-directive></my-directive>
restrict : @H_312_301@"A",//属性使用
<div my-directive></div>
restrict : @H_312_301@"C",//类名使用
<div class=@H_312_301@"my-directive"></div>
restrict : "M",//作为注释名使用
replace : true//这个要加上否则注释使用没效果
<!-- directive:my-directive -->
以上，不对的地方请指出谢谢
以上是大佬教程为你收集整理的AngularJs1学习笔记：指令全部内容，希望文章能够帮你解决AngularJs1学习笔记：指令所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。