anglejs – 角度ng重复表达式作为变量

前端之家收集整理的这篇文章主要介绍了anglejs – 角度ng重复表达式作为变量前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我想做这样的事情:
<ul>
    <li ng-repeat="{{myRepeatExpression}}">{{row.name}}</li>
</ul>

但是因为ng-repeat逻辑处于指令的编译状态,它将{{myRepeatExpression}}视为普通字符串而不是变量.哪个不行,显然.

有没有解决办法?

您只能使用ng表示,而不是内插值.
现在为了创建一个动态可重复列表,您可以尝试:

>使用在ng-repeat中动态返回列表的函数 – 这可能更昂贵,因为角度需要首先调用函数,然后确定在执行$digest循环时集合是否已更改
> $对于触发更改列表的范围的特定变量,可以看到更有效率,但是如果您的动态列表依赖于多个变量,它可能会变得更冗长,并可能导致潜在的错误,从忘记添加新的$在需要新变量时观察

Demo plunker

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>
原文链接:https://www.f2er.com/angularjs/143214.html

猜你在找的Angularjs相关文章