ng重复怪异的行为

时间:2016-07-12 12:28:55

标签: angularjs angularjs-ng-repeat ng-repeat

我无法相信我无法完成由两个数组组成的简单跟随对象

{"M":
  [
   "Alpha",
   "Beta",
   "Zeta"],
 "F":
    [
     "Alpha",
     "Omega"
  ]}

我想做的就是有一个嵌套的ng-repeat,如下所示

        <a 
            class="list-group-item list-group-item-info"
            ng-repeat="(key,list) in vm.result">

            {{key}}

            <a
                class="list-group-item"
                ng-repeat="name in list">
                {{name}}
            </a>
        </a>

任何人都知道为什么它不起作用。

它正确显示密钥,但无法在列表中进行迭代,因此名称未显示,控制台中也没有显示错误

感谢

1 个答案:

答案 0 :(得分:7)

问题的底线:

https://www.w3.org/TR/html401/struct/links.html#h-12.2.2

  

嵌套链接是非法的

     

A元素定义的链接和锚点不能嵌套; A元素不得包含任何其他A元素。

     

由于DTD将LINK元素定义为空,因此LINK元素也不能嵌套。

将您的外部元素更改为<div><span>并且它可以正常工作