如何在同一页面上渲染两个angular.js视图？

Question

如果我在同一页面上有两个<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>

Answer 1

ui-router是最好的选择，但是如果你选择$routeProvider，可以使用ng-include（ng-show/ng-hide}或ng-switch来实现相同目标。< / p>

Answer 2

我想你可能会想要在这一点上用ui-router来代替angular的路由器，因为angular的路由器不支持多个ng-view元素。