javascript - 在 Angular 中重复一个指令

Question

我有一个构建星形图标的指令。我想重复它'n'次。然后我想将“活跃”中的类(class)更改为“n”星。 这是构建星星的指令，点击后，它会添加“active”类。

<div ng-app="app">
   <div ng-controller="ctrl">
   <div class="presentation">
      <button-star repeatStars="7" limitActiveStar="5" classToAdd="active"></button-star>
</div>

.directive('buttonStar', function() {
  return {
  scope: {
      repeatStars: "=",
      limitActiveStar: "=",
      classToAdd: "="
  },
  restrict: 'E',
  template: '<button class="btn btn-icon"><span class="glyphicon glyphicon-star"></span></button>',
  link: function(scope, elem) {
    elem.addClass('active'); 
  }
 };
})

因此，在我的示例中，我想重复该指令 7 次并向前 5 个元素添加“active”类

Answer 1

在那种情况下你不能使用 ng-repeat 指令吗？ 承认你在 items 中有 7 件商品

<button-star ng-repeat="item in items track by $index" ng-class="{'active': $index < 5}">