3

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

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

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

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

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

AngularDart教程在第 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：“逻辑页面”和视图是一对一或一对多还是什么？

4

2 回答 2

0

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

vsavkin / angulardart-sample-app

于 2014-02-01T17:22:49.570 回答
0

经过一番挖掘，我发现它目前是不可能的，无论是在 AngularDart 还是 AngularJS 中（例如，参见这篇文章）。

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

推荐的替代品包括：

  • 的使用ng-include。
  • 对于 Angular.js，使用支持多个命名视图的Angular-ui/ui-router 。
  • 对于 AngularDart，有这个端口：angular.dart.ui，但我不知道它的功能完成度如何。
于 2014-02-17T22:50:27.730 回答