Question

我试图在引导程序表中标记不同的视频项目。我已经使用ng-repeat来遍历存储视频数据的对象数组。我现在正试图创建一个嵌套的ng-repeat来循环遍历另一个＆＃34;标签阵列＆＃34;在创建每个表行的ng-repeat中。

但是，我得到了一些奇怪的结果。我希望我可以在td上放置一个ng-repeat，然后将角度表达式放在一个带有boostrap类＆＃34;徽章＆＃34;的范围内。有什么想法会出错吗？

       <tr ng-repeat="topic in topics">
          <td><a ng-href="#/{{topic.url}}"><i class="fa fa-play"></i></a></td>
          <td>{{topic.topic}}</td>
          <td>{{topic.date}}</td>
          <td>{{topic.presenter}}</td>
          <td ng-repeat="tag in topic.tags">
                <span class="badge">{{topic.tags}}</span>
          </td>
       </tr>

Answer 1

将其更改为

<span class="badge" ng-bind="tag"></span>

你告诉它打印你正在重复的数组而不是ng-repeat给你的对象。另外ng-bind更好，请参阅this

Angular JS嵌套的ng-repeat用于bootstrap徽章

1 个答案: