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>

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

2 个答案: