如何在 ng-view 中使用 ng-view？

Question

我有主要的 ng-view 和带有 left\right 端的控制器。右侧是固定的，但左侧我想通过其他模板和控制器进行更改。

http://plnkr.co/edit/MTxmmZWRY7O0nH88qK3F

 <div ng-controller="MainCtrl as main">
  Choose:
  <a href="Book/Moby">Moby</a> |
  <a href="Book/Moby/ch/1">Moby: Ch1</a> |
  <a href="Book/Gatsby">Gatsby</a> |
  <a href="Book/Gatsby/ch/4?key=value">Gatsby: Ch4</a> |
  <a href="Book/Scarlet">Scarlet Letter</a><br/>

  <div class="left-side view-animate-container">
    <div ng-view class="view-animate"></div>
  </div>
 <div class="some-fixed-right-side">

  <pre>$location.path() = {{main.$location.path()}}</pre>
  <pre>$route.current.templateUrl = {{main.$route.current.templateUrl}}</pre>
  <pre>$route.current.params = {{main.$route.current.params}}</pre>
  <pre>$routeParams = {{main.$routeParams}}</pre>
  </div>
</div>

Answer 1

你不能。只需使用 https://github.com/angular-ui/ui-router 即可。它允许使用嵌套视图。

Answer 2

我使用了从这里派生的解决方案：http://www.bennadel.com/blog/2420-Mapping-AngularJS-Routes-Onto-URL-Parameters-And-Client-Side-Events.htm

允许我有效地嵌套视图（并完全跳过有限的 ng-view）

这样做之后，出现了另一个（我认为更简单、更好）解决方案：

http://angular-ui.github.com/（向下滚动到 "Route Checking"）

如何在 ng-view 中使用 ng-view？

How use ng-view inside ng-view?

javascript

angularjs

ng-view