嵌套的 ng-repeat 不起作用

Question

我想使用以下 json 进行嵌套的 ng-repeat：

[
      {
        "id": 18,
        "title": "awesome title",
        "description": "incredible description meow",
        "hour": "2000-01-01T11:12:00.000Z",
        "duration": 12,
        "date": "2015-11-25",
        "user_id": 1,
        "latitude": 14.8744239,
        "longitude": 4.1433319,
        "formatted_addres": "castellgal",
        "tags": [
          {
            "id": 29,
            "name": "megatag",
            "created_at": "2015-11-26T11:57:03.421Z",
            "updated_at": "2015-11-26T11:57:03.421Z"
          },
          {
            "id": 30,
            "name": "another-tag",
            "created_at": "2015-11-26T11:57:03.426Z",
            "updated_at": "2015-11-26T11:57:03.426Z"
          }
        ],
        "username": "Shanna Friesen",
        "url": "http://localhost:3000/events/18.json"
      }
    ]

这是我的 html 代码：

<section ng-repeat="event in events | orderBy:'date'">
    <div class="panel panel-default single-event">
        <div class="panel-heading">
            <h3>
                {{event.title}}
                <em class="pull-right">Created by user: {{event.username}}</em>
            </h3>
        </div>
        <div class="panel-body">
            Description:<br>{{event.description}} <br>
            <em class="pull-right">{{event.date | date:'dd-MM-yyyy' }} - {{event.hour | date:"H:mm"}}</em> <br>
            {{event.duration}} minutes <br>
    <tr>
        <td ng-repeat="tag in event.tags">{{ tag.name }}</td>
    </tr>
        </div>
    </div>
</section>

事件被完美列出，但{{tag.name}}没有出现。如果我尝试 {{event.tags}} 我会看到包含所有内容的对象标签，如果我尝试 {{event.tags[0].name}} 我会看到第一个标签的名称（两者没有 ng-repeat）。但是 {{ tag.name }} 没有显示任何内容。

谢谢。

Answer 1

尝试删除事件结尾的 s

<td ng-repeat="tag in event.tags">{{ tag.name }}</td>

Answer 2

tr 和 td 标签未嵌套在 table 标签内，您使用 events.tags 而不是 event.tags 的拼写错误

    <table>
       <tr>
          <td ng-repeat="tag in event.tags">{{ tag.name }}</td>
        </tr>
     <table>

这是一个有效的 fiddle。

嵌套的 ng-repeat 不起作用

nested ng-repeat is not working

nested

angularjs

ng-repeat