AngularDart：如何定义具有多个视图的页面（单个页面中的多个 ng-view 元素）

Question

我正在将一个应用程序移植到 AngularDart，其中用户的 UI 包含三个面板：

1. 她/他可以回答的问题面板。
2. 一个（只读）面板，他/她可以在其中看到合作伙伴回答相同的问题。
3. 一个通用面板，用户和他/她的合作伙伴可以在其中就各种活动进行协作。

根据对这个 [1] 问题的回答，“逻辑页面”（例如，从文件 abc.html 呈现）似乎可以包含多个视图。这种拥有三个面板的情况是 Angular 视图的一个很好的用例吗？如果是这样

问题：如何在 AngularDart 中定义具有三个视图的页面？以及标准的视图更新机制是什么（即，如何更新这些视图的代码示例强>)?

我没有找到任何使用多个视图和/或如何通过view()RouteEventHandler（或没有）填充它们的示例。我所找到的只是下面给出的。

---

AngularDart tutorial 在第 6 章中给出了一个示例，index.html 包含一个单一视图

  <section id="details">
    <ng-view></ng-view>
  </section>

部分通过路由配置填充，例如：

router.root
  ..addRoute(
      name: 'add',
      path: '/add',
      enter: view('view/addRecipe.html'))

---

[1]AngularDart: "logical pages" and views are 1-to-1 or 1-to-many or what?

Answer 1

这个 AngularDart 示例应用似乎有多个视图

vsavkin / angulardart-sample-app

Answer 2

经过一番挖掘，我发现它目前不可能，无论是在 AngularDart 还是 AngularJS 中（例如，请参阅 post）。

事实上，在 AngularJs 中提出了这样一个功能，但最终被拒绝，这可以从与 Angular.js 相关的讨论中看出Pull Request #1198。

推荐的替代品包括：

• 使用ng-include。
• 对于 Angular.js，使用支持多个命名视图的 Angular-ui/ui-router。
• 对于 AngularDart，有这个端口：angular.dart.ui，但我不知道它的功能有多完善。