javascript - ngRoute、ng-view 和代码重复的最佳实践

Question

ngRoute 的 Angular API 引用提供了此 example 。请注意，chapter.html 包含 book.html 中的重复代码。

如果用例需要 $route 功能，那么实现此示例的正确方法是什么？我想对 book.html 和 chapter.html 使用 ng-include 来删除重复项，但然后使用 $路线不在图片中，对吗？

Answer 1

but then using $route is out of the picture, correct?

$route 仅用于显示参数值。对你来说，这不会是我假设的实际应用程序的一部分？请参阅这部分:

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

或者您的意思是您不会完全使用路由系统？我想说你可以保持原样。通过不同路径加载的代码是针对一本书的:

controller: {{name}}<br />
Book Id: {{params.bookId}}<br />

对于一章来说:

controller: {{name}}<br />
Book Id: {{params.bookId}}<br />
Chapter Id: {{params.chapterId}}

这意味着您可以使用 ng-include 将“book.html”包含在“chapter.html”中。或者您可以创建一个负责打印书籍的指令，然后重用它。

所以这将成为 ng-include:

<div ng-include='book.html'></div>
Chapter Id: {{params.chapterId}}

或者使用指令:

<my-book-directive></my-book-directive>
Chapter Id: {{params.chapterId}}