大佬教程收集整理的这篇文章主要介绍了angularjs – 在模板中使用ng-repeat的Angular指令，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。
小提琴：http://jsfiddle.net/supercobra/vmH3v/
控制器：
angular.module('myApp',[])
.controller('Ctrl',['$scope',function($scopE) {
$scope.labels=
[{name:"abc",color:'blue'},{name:"xxx",color:'red'}];
}])
.directive('prettyTag',function() {
return {
reStrict: 'E',scope: {labelsArray: '@'},template: '<h2>Label list:{{labelsArray}}:</h2><div class="label label-warning" ng-repeat="label in labelsArray">{{label.namE}}</div>',reStrict: 'E',};
});
HTML：
<div ng-app="myApp" ng-controller="Ctrl"> label Array: {{labels}} <hr> <pretty-tag labelsArray='{{labels}}'></pretty-tag> <hr> </div>
首先,将漂亮标签HTML更改为：
<pretty-tag labels-array='labels'></pretty-tag>
需要注意的是labelsArray改为标签阵列(指令和放大器;属性名应当遵循这个惯例虚线)和{{标签}}简单地变更为标签(这样双向绑定可以在阵列上建立).
接下来,在您的指令中,labelsArray范围应为’=’,以便本地范围属性可以引用父范围属性：
scope: {labelsArray: '='},
以上是大佬教程为你收集整理的angularjs – 在模板中使用ng-repeat的Angular指令全部内容，希望文章能够帮你解决angularjs – 在模板中使用ng-repeat的Angular指令所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。