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>

我仍然很有棱角分明，所以任何帮助我指向正确方向的帮助都将非常感激。

Answer 1

我删除了＆＃39; vm。＆＃39;在你的HTML中，一切都按预期工作

<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

或者你可以我们这个＆＃39;在您的控制器而不是$ scope（请参阅http://plnkr.co/edit/1BtC8p1ViqKXSbCWE3Kj?p=preview

AngularJS Ng-repeat未按预期工作

1 个答案: