AngularJS-双ng中继器和<；a>；标记奇怪的行为

我在一个应用程序中遇到了这个问题，并设法解决了这个问题。我在另一个ng重复中有一个ng重复。它将如预期的那样工作，除了

结果（对于具有菜单项的项）如下所示：

<li ng-repeat="item in items" class="ng-scope">
        <a href="upperLevel.html">               
            <span class="ng-binding">Test</span>                     
            </a><ul><a href="upperLevel.html">
                </a><!-- ngRepeat: menuSubItem in item.menuItems --><li ng-repeat="menuSubItem in item.menuItems" class="ng-scope"><a href="upperLevel.html">
                   This text is wrapped again in the upperLevel a ???
                   </a><a href="#">                         
                        <span class="ng-binding">----- TestSub3</span>
                    </a>
                </li><li ng-repeat="menuSubItem in item.menuItems" class="ng-scope"><a href="upperLevel.html">
                   This text is wrapped again in the upperLevel a ???
                   </a><a href="#">                         
                        <span class="ng-binding">----- TestSub4</span>
                    </a>
                </li>
            </ul>

    </li>

<li ng-repeat="item in items">
  <a href="upperLevel.html" >               
     <span >{{item.name}}</span>   
  </a>

---

“This text[…]”部分get被包装在外部

中，它不是ng repeat标记，而是标记在其中的位置：将结束
标记向上移动到跨度正下方，使其看起来像这样：

<li ng-repeat="item in items" class="ng-scope">
        <a href="upperLevel.html">               
            <span class="ng-binding">Test</span>                     
            </a><ul><a href="upperLevel.html">
                </a><!-- ngRepeat: menuSubItem in item.menuItems --><li ng-repeat="menuSubItem in item.menuItems" class="ng-scope"><a href="upperLevel.html">
                   This text is wrapped again in the upperLevel a ???
                   </a><a href="#">                         
                        <span class="ng-binding">----- TestSub3</span>
                    </a>
                </li><li ng-repeat="menuSubItem in item.menuItems" class="ng-scope"><a href="upperLevel.html">
                   This text is wrapped again in the upperLevel a ???
                   </a><a href="#">                         
                        <span class="ng-binding">----- TestSub4</span>
                    </a>
                </li>
            </ul>

    </li>

<li ng-repeat="item in items">
  <a href="upperLevel.html" >               
     <span >{{item.name}}</span>   
  </a>



以下是。
我不确定，但您组织标记的方式似乎很奇怪。您的锚定标记中包含子锚定标记（HTML中是否允许这样做？）。我的建议是尝试使用div和ng click来实现您的功能，因为它似乎可以与的一起工作，并且您将拥有一个更干净的HTML结构。看看你的HTML代码，我很难理解它的功能是什么，这从来都不是一个好兆头。怀疑
是否是
的有效子代。答案解决了这个问题，但我仍然不知道为什么angular开始在那里添加这些额外的标记（复制外部
内部）找不到任何相关信息。嘿，谢谢你看！我从一个有大量标记的项目开始，我想我只是变得愚蠢了：）非常感谢！