我想做这样的事情:
<ul> <li ng-repeat="{{myRepeatExpression}}">{{row.name}}</li> </ul>
但是因为ng-repeat逻辑处于指令的编译状态,它将{{myRepeatExpression}}视为普通字符串而不是变量.哪个不行,显然.
有没有解决办法?
您只能使用ng表示,而不是内插值.
现在为了创建一个动态可重复列表,您可以尝试:
原文链接:https://www.f2er.com/angularjs/143214.html现在为了创建一个动态可重复列表,您可以尝试:
>使用在ng-repeat中动态返回列表的函数 – 这可能更昂贵,因为角度需要首先调用函数,然后确定在执行$digest循环时集合是否已更改
> $对于触发更改列表的范围的特定变量,可以看到更有效率,但是如果您的动态列表依赖于多个变量,它可能会变得更冗长,并可能导致潜在的错误,从忘记添加新的$在需要新变量时观察
JS:
app.controller('MainCtrl',function($scope) { var values1 = [{name:'First'},{name:'Second'}]; var values2 = [{name:'Third'},{name:'Fourth'},{name:'Fifth'}]; //1. function way $scope.getValues = function(id) { if(id === 1) { return values1; } if(id === 2) { return values2; } } //2. watch way $scope.values = undefined; $scope.$watch('id',function(newVal) { $scope.values = $scope.getValues(newVal); }); });
HTML:
<!-- Here we pass the required value directly to the function --> <!-- this is not mandatory as you can use other scope variables and/or private variables --> <ul> <li ng-repeat="v in getValues(id)">{{v.name}}</li> </ul> <!-- Nothing special here,plain old ng-repeat --> <ul> <li ng-repeat="v in values">{{v.name}}</li> </ul>