Question

我是Angular.js的新手，想要在另一个ng-controller和ng-app中使用一个ng-controller，这样我才能在使用之前使用代码其他页面也是如此。如果我在任何地方都错了，请帮助我并纠正我。

<div id="divFriendList" class="container" ng-app="friendModule" ng-controller="friendController">
    <div id="module2" ng-app="cardsModule" ng-controller="CardsController">
        <div ng-repeat="card in cards></div>
    </div>
</div>

Answer 1

我也很新，但我相信这样做的方法是在你的模块中声明一个依赖。例如，angular.module('friendModule', ['cardsModule']);。可以找到这样的例子here。有关模块和角度教程的更多信息，请访问W3Schools。

至于您的代码，您错过了<div ng-repeat="card in cards>中的收尾报价。此外，您要求ng-repeat迭代card中的每个cards，但您尚未定义cards是什么。因此，您需要更改

<div id="module2" ng-app="cardsModule" ng-controller="CardsController">

到

<div id="module2" ng-app="cardsModule" ng-controller="CardsController as cards">。

此外，如果您不要求输出{{card}}，则不会显示任何信息。我也会考虑事先声明你的ng-apps，而不是在他们需要的时候 - 但是我不确定这个效率。

我将更新为：

 <div id="divFriendList" class="container" ng-app="friendModule" ng-controller="friendController">
     <div id="module2" ng-app="cardsModule" ng-controller="CardsController as cards">
         <div ng-repeat="card in cards">{{ card }}</div>
     </div>
 </div>

希望有所帮助。

如何在angular.js中的另一个ng-app和controller中使用一个ng-controller

1 个答案: