绑定在ng-repeat内的嵌套元素中不起作用

Question

我有这个代码：

<div class="list-group">
<a href="#" class="list-group-item" ng-repeat="user in users">
    <h4 class="list-group-item-heading">{{user.FirstName}} {{user.FirstName}}</h4>
    <p class="list-group-item-text">
        <a href="#">{{user.Phone}}</a>
    </p>
</a>

如果我使用{{user.Phone}}不在<a>内部，它会工作，否则它什么都不显示，我没有任何错误或任何错误。

Answer 1

您不能在<a>标记中放置<a>标记。 这是针对HTML定义的。

尝试将外部<a>标记更改为<div>并删除href属性。

Answer 2

你有一个HTML错误：链接内的链接。 请注意，user.Phone链接位于您使用ng-repeat on的现有链接中：

我会将代码更改为：

<div href="#" class="list-group-item" ng-repeat="user in users">
    <h4 class="list-group-item-heading">{{user.FirstName}} {{user.FirstName}}</h4>
    <p class="list-group-item-text"><a href="#">{{user.Phone}}</a></p>
</div>