如何在同一页面上呈现两个 angular.js 视图？答案

【问题标题】：How can I render two angular.js views on the same page?如何在同一页面上呈现两个 angular.js 视图？
【发布时间】：2014-01-02 17:04:49
【问题描述】：

如果我在同一页面上有两个 <div ng-view></div> 元素，则 angular.js 只使用第一个。我希望在同一页面上呈现两个模板（带有两个控制器和两个部分），我该怎么做？下面的代码不起作用，但我想要一些类似的东西。

<div class="row">
  <div class="large-6 small-12 columns">
    <div ng-controller="SitesHomeCtrl" >
      <div ng-view>
      </div>
    </div>
  </div>
  <div class="large-6 small-12 columns">
    <div ng-controller="UsersMeetCtrl" >
    </div>
  </div>
</div>

【问题讨论】：

看起来之前有人问过，答案是 ui-router stackoverflow.com/questions/17544558/…

标签： angularjs

【解决方案1】：

ui-router 是最好的选择，但如果您使用$routeProvider，您可以使用ng-include（使用ng-show/ng-hide）或ng-switch 来达到同样的效果。

【讨论】：

谢谢，ng-include 看起来很适合我目前想要实现的目标。不过，ui-router 看起来是一个很好的解决方案来处理一些后续任务；）

【解决方案2】：

我想你现在可能会想看看 ui-router 来代替 Angular 的路由器，因为 Angular 的路由器不支持多个 ng-view 元素。

【讨论】：