Angular JS Nested ng-repeat for bootstrap badges

Question

我试图在引导表中标记不同的视频项目。我已经在使用 ng-repeat 来循环存储视频数据的对象数组。我现在正在尝试创建一个嵌套的 ng-repeat，以循环访问创建每个表行的 ng-repeat 中的另一个"标签"数组。

不过，我得到了一些奇怪的结果。我希望我可以在 td 上放一个 ng 重复，然后将角度表达式放在一个带有 boostrap 类"徽章"的跨度中。有什么想法出了什么问题吗？

http://jsfiddle.net/jheimpel/6nh100ca/

       <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-binb更好，看到这个