2

新手使用 AngularJS 1.5 和 ES6、基于组件的设计和新的组件路由器。

让我们考虑一个简单的调查应用程序。任何给定的调查都有说明页面和问题列表。

当最终用户访问给定的调查时,必须向他显示说明页面。然后,他必须浏览可能跨越数页的不同问题。到达最后一个问题页面后,必须向他显示一个包含所有答案的摘要页面。

理想情况下,我希望有以下路线映射:

  • /surveys/:id: 别名/surveys/:id/instructions
  • /surveys/:id/instructions:显示调查说明
  • /surveys/:id/entry:显示最终用户输入的调查
  • /surveys/:id/summary:显示最终用户输入的所有调查答案的摘要

理想情况下,SurveyComponent(mapped to /surveys/:id) 将在路由激活 ( 方法) 时加载调查,并通过其模板标签$onRouterActivate将检索到的调查公开给其子组件。<ng-outlet/>映射到正确子路线的子组件然后将绑定到此调查并呈现适当的显示。

我一直无法实现这一点,因为它似乎<ng-outlet/>不能用于向子组件发送数据。

我的方法是否正确,我是否遗漏了什么?或者路由/子路由机制不适合这个?

4

0 回答 0