Question

我有主视图和控制器左/右侧。右侧是固定的，但左侧我希望通过其他模板和控制器进行更改。

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

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

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

这样做后，另一个（更简单，更好，我相信）解决方案出现了：

http://angular-ui.github.com/（向下滚动到＆＃34;路线检查＆＃34;）

Answer 2

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

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

2 个答案: