anglejs – 角重复n次

发布时间：2020-12-17 07:47:33 所属栏目：安全来源：网络整理

导读：我有一个包含一个int属性x的JSON对象,我想重复下面的代码x次 span class="glyphicon glyphicon-star"/ ng-repeat似乎没有被指示,因为它正在与收集一起使用. 任何建议(有角度的新手) 我会使用带有ng-repeat的自定义过滤器： HTML div ng-app='myApp' ng-contr

我有一个包含一个int属性x的JSON对象,我想重复下面的代码x次

<span class="glyphicon glyphicon-star"/>

ng-repeat似乎没有被指示,因为它正在与收集一起使用.
任何建议(有角度的新手)

我会使用带有ng-repeat的自定义过滤器：

HTML

<div ng-app='myApp' ng-controller="Main">
    <li ng-repeat="n in [] | range:20">
      <span class="glyphicon glyphicon-star" >{{n}}</span>
    </li>
</div>

过滤

app.filter('range',function() {
  return function(val,range) {
    range = parseInt(range);
    for (var i=0; i<range; i++)
      val.push(i);
    return val;
  };
});

演示Fiddle

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!