Html 键值对的值部分在ng repeat中不可访问

我有以下带有AngularJS的HTML代码

<div class="col-xs-1" style="width:130pt;background-color:#474747;border:2px ridge;">
    <div class="container-fluid"> 
        <ul class="nav">
            <li class="dropdown" style="width:140px;" ng-repeat = "page in homeCategoryList">
                <a class= "dropdown-toggle dropdown-menu-hover-color menu-left-color" data-toggle="dropdown" href="#" ng-repeat ="(key, value) in page">{{key}}</a>
                <ul class="dropdown-menu" style="position:absolute;float:right;top: 0; left: 140px;">
                    <li ng-repeat = "subcat in value">
                        <a class="dropdown-level1-color " href= "#" ng-repeat="(key,value) in subcat">{{key}}</a>
                        <ul type="none">
                          <li ng-repeat="childcat in value"><a href="3">{{childcat}}}</a></li>
                        </ul>
                    </li>
                </ul>
            </li>
        </ul>
    </div>
</div>

---

有谁能告诉我如何访问ng repeat中的value变量。

您将不得不重新创建HTML/类，但请看这里：

如果层更深一些，您可能需要考虑使用树指令。

<ul ng-app ng-controller="MyCtrl">
    <li style="width:140px;" ng-repeat="page in homeCategoryList">
        <div ng-repeat="(key, value) in page"> <span>{{key}}</span>

            <ul>
                <li ng-repeat="item in value">
                    <div ng-repeat="(key, value) in item"> <span>{{key}}</span>

                        <ul>
                            <li ng-repeat="brand in value"> <span>{{brand}}
                            </li>
                        </ul>
                    </div>
                </li>
            </ul>
        </div>
    </li>
</ul>

{{key}}


{{key}}

{{brand}

乍一看，我相信这与您将值引用为{{value}}这一事实有关，但如果您将一把小提琴放在一起，它将有助于我们helping@Brocco：这只是一个庞大代码的一部分，因此很难用它来创建小提琴。我只是想访问ul（带有ng repeat=“（key，value）in page”）标签中的value变量。这个

”

应该是这样的吗：

？我试过了，但我认为value变量在那里是不可访问的，因为“cameras”输出中没有。我只是在写一把几乎相同的小提琴。看起来不错。@Enigram谢谢，虽然跟踪筑巢并不有趣，但它应该是动态的，足以满足客户的需求requirements@Brocco：我已经编辑了问题中的Angularjs代码，你能告诉我为什么不起作用吗。您的代码在我的情况下不能正常工作（我需要与锚定标记完全相同的结构）@Brocco只是一个headup，ng应用程序和ng控制器都在代码的其余部分，并且运行正常。@Brocco我根据您的解决方案对其进行了修改，结果成功了。谢谢你的帮助。

<ul ng-app ng-controller="MyCtrl">
    <li style="width:140px;" ng-repeat="page in homeCategoryList">
        <div ng-repeat="(key, value) in page"> <span>{{key}}</span>

            <ul>
                <li ng-repeat="item in value">
                    <div ng-repeat="(key, value) in item"> <span>{{key}}</span>

                        <ul>
                            <li ng-repeat="brand in value"> <span>{{brand}}
                            </li>
                        </ul>
                    </div>
                </li>
            </ul>
        </div>
    </li>
</ul>