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，但我不知道它是如何完成的。