语义UI星级评级和Angularjs ngRepeat组合不起作用

Question

我有以下代码

...
<tbody>
  <tr ng-repeat="s in stats">
      ...
      <td>
          {{s.status}}
      </td>
      <td>
          <div class="ui star rating" data-rating="{{ s.rating }}" data-max-rating="5"></div>
      </td>
  </tr>
</tbody>
....

我还将JS添加到控制器

$('.rating')
    .rating();

但是我无法让表格单元格中的星级评分起作用。如果我用“div”替换“td”标签，我可以看到评级星，但当然它会被放错地方。我是否需要添加任何其他标记/指令/脚本才能使其生效？感谢。

Answer 1

对我来说，当我在每个script tag of rating中都包含ng-repeat时，它就起作用了

 <div ng-repeat="x in hotels.data" >
      <script> $(".rating").rating();</script>
  ...