javascript - 嵌套/共享 Angular 应用程序

Question

我有 2 个项目列表，即新闻和人物。

这两个列表有不同的逻辑，并且位于不同的页面，所以不要共享耻辱ng-app:

<!-- News.html -->
<div id="newsList" ng-app="newsListApp">
   <div id="{{news.id}}" ng-app="modalApp" ng-repeat="news in newsList">
      ...
   </div>
</div>

<!-- People.html -->    
<div id="peopleList" ng-app="peopleListApp">
   <div id="{{person.id}}" ng-app="modalApp" ng-repeat="person in people">
      ...
   </div>
</div>

我需要在模式弹出窗口中打开每个项目，因此我必须使用modalApp，但我想使用相同的modalApp(将使用相同弹出模板)在新闻和人物列表中...

在这种情况下共享 Angular 应用程序/模块的概念是什么？

Answer 1

你不能使用ng-app来做到这一点。您必须手动引导至少其中之一。请参阅this question了解更多信息。