javascript - Angular JS是否支持在同一页面上路由多个 View

Question

Angular JS 是否支持在同一页面上有多个 ng-view 部分，每个部分都有自己的模板？在设置其配置时，您需要将不同的 url 路径连接到不同的 Controller 和模板。但是当你在同一个页面上有多个 View 时，那么他们每个人都需要使用 url 中的#path 值来调整他们的模板和 Controller ，并且要更改 View 模板，我们需要随着#path 值的变化而切换.

那么不同的 ng-view 部分将如何相互配合 - 因为每个部分都需要将自己独特的 #path 值附加到 url。或者是 url 路径和 #value 以某种方式作为私有(private)结构保存在每个 ng-view 中，因此允许同一页面上的多个 ng-view 部分。

Answer 1

多 View 是 angularjs 的一个限制，文档没有明确说明如何正确构建具有复杂 View 的应用程序。请查看 Jan Varwig 关于此主题的帖子

• How to do nested views in AngularJS (Hint: Don’t)

• AngularJS: Views vs. Directives

相关章节:

“ View 不是您用来构建应用程序的工具!事实上， View 更像是一个拐杖，一个捷径，用于创建类似于传统网站的结构，只是以 Angular 作为驱动程序。在开发Web应用程序时，处理复杂界面的方法是结合使用:明确存储所需 View 状态的范围对象/变量此 View 状态上的 ngSwitch 指令包含自定义模板/执行复杂 DOM 操作行为的指令不要再根据需要加载的 View 来考虑您的应用程序。这种想法更符合命令式框架，但在 Angular 中效果不佳。”

“ View 容器是无意义的，通过路由与其语义分离。我对 UI-Routers 嵌套 View 的另一个次要提示是它们违反了 AngularJS 的另一个核心思想:您的 DOM 是描述应用程序结构的主要位置。阅读模板应该让您了解什么地方。如果要编辑用户，请将指令放入模板中:读者会立即看到该指令的作用以及它所依赖的数据。如果您正确编写指令，它将与位置无关，您可以将它放在应用程序的其他位置，只要您通过该属性传入用户，它就会起作用。使用 View 会使你的模板充满无意义的容器，将每个 View 的实际用途外包到别处定义的路由/状态中。如果您嵌套路由，每个 View 的上下文都会变得隐含，移动它们会变得更加困难，将数据传递到 View 的唯一方法是通过作用域。”