AngularJS Ng-repeat 未按预期工作

Question

我遇到了一个奇怪的问题，我可以访问来自我的范围的所有元素作为数据模型，我也可以在 Chrome 控制台中看到范围元素，但是当我尝试使用该模型时在 ng-repeat 语句中它不起作用，它只是不循环遍历 vm.menu.items。下面是我的简单代码：

<body ng-controller="mainController">
    <div ng-controller="app.views.layout.header as vm">

        <p>{{vm.currentMenuName}} {{vm.menu.items[0].displayName}} {{vm.menu.items[1].displayName}}</p>  **<<----- IT works!**

        <ul>
            <li ng-repeat="menuItem in vm.menu.items">
                <span>Not working! </span>{{menuItem.displayName}}
            </li>
        </ul>

    </div>
</body>

我对 angular 还是很陌生，所以任何帮助我指明正确方向的人都将不胜感激。

Answer 1

我删除了你 html 中的 'vm.' 并且一切正常

<body ng-controller="mainController">
   <div ng-controller="app.views.layout.header as vm">

    <p>{{currentMenuName}} {{menu.items[0].displayName}} {{menu.items[1].displayName}}</p>

    <ul>
        <li ng-repeat="menuItem in menu.items">
            <span>Not working! </span>{{menuItem.displayName}}
        </li>
    </ul>

</div>

http://plnkr.co/edit/1BtC8p1ViqKXSbCWE3Kj?p=preview

或者您可以在控制器中使用 'this' 而不是 $scope（参见 http://plnkr.co/edit/1BtC8p1ViqKXSbCWE3Kj?p=preview

AngularJS Ng-repeat 未按预期工作

AngularJS Ng-repeat is not working as expected

javascript

angularjs-ng-repeat