Javascript 嵌套/共享角度应用程序_Javascript_Angularjs

Javascript 嵌套/共享角度应用程序

javascript angularjs

Javascript 嵌套/共享角度应用程序,javascript,angularjs,Javascript,Angularjs,我有两个项目列表，比如新闻和人物这两个列表具有不同的逻辑，并且位于不同的页面中，因此不要共享羞愧ng app：  <div id="newsList" ng-app="newsListApp"> <div id="{{news.id}}" ng-app="modalApp" ng-repeat="news in newsList"> ... </div> </div> &l

我有两个项目列表，比如新闻和人物

这两个列表具有不同的逻辑，并且位于不同的页面中，因此不要共享羞愧

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

（将使用相同的弹出模板）

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

您不能使用

ng app

。您必须手动引导其中至少一个。有关更多信息，请参阅。

您无法使用

ng app

。您必须手动引导其中至少一个。有关更多信息，请参阅。

我认为您混淆了

ng应用程序

和

ng控制器

。也许你正在寻找这样的东西。一般来说，angular每页只需要一个应用程序，它们当然不应该嵌套

<body ng-app="myApp">
  <div id="newsList" ng-controller="newsListCtrl">
    <div id="{{news.id}}" ng-controller="modalCtrl" ng-repeat="news in newsList">
      ...
    </div>
  </div>

  <div id="peopleList" ng-controller="peopleListCtrl">
    <div id="{{person.id}}" ng-controller="modalCtrl" ng-repeat="person in people">
       ...
    </div>
  </div>
</body>


...
...

编辑：
如果

新闻

和

人

是不同的页面，那么您需要某种路由器。你的主要选择是或。我认为用户界面路由器更灵活，我会去的。两个有用的链接可能会有所帮助：

我认为你把

ng应用程序

和

ng控制器

搞混了。也许你正在寻找这样的东西。一般来说，angular每页只需要一个应用程序，它们当然不应该嵌套

<body ng-app="myApp">
  <div id="newsList" ng-controller="newsListCtrl">
    <div id="{{news.id}}" ng-controller="modalCtrl" ng-repeat="news in newsList">
      ...
    </div>
  </div>

  <div id="peopleList" ng-controller="peopleListCtrl">
    <div id="{{person.id}}" ng-controller="modalCtrl" ng-repeat="person in people">
       ...
    </div>
  </div>
</body>


...
...

编辑：
如果

新闻

和

人

是不同的页面，那么您需要某种路由器。你的主要选择是或。我认为用户界面路由器更灵活，我会去的。两个有用的链接可能会有所帮助：

忘了提到新闻和人物是两个不同的页面。。。并且共享不同的逻辑，所以它们不是同一个MyApp的一部分。你能解释一下我应该如何将路由器与共享的“ng应用程序”链接吗？只需遵循上面的plnkr链接。基本上，每页需要一个视图。视图由html模板和控制器组成。查看plunkr链接中的script.js，了解控制器和模板是如何链接在一起的。忘记提到新闻和人物是两个不同的页面。。。并且共享不同的逻辑，所以它们不是同一个MyApp的一部分。你能解释一下我应该如何将路由器与共享的“ng应用程序”链接吗？只需遵循上面的plnkr链接。基本上，每页需要一个视图。视图由html模板和控制器组成。查看plunkr链接中的script.js，了解控制器和模板是如何链接在一起的。