AngularJS不同的子组件与子路由

时间:2016-04-29 19:40:43

标签: angularjs angular-component-router

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

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

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

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

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

理想情况下,SurveyComponent(映射到/surveys/:id)会加载路线激活调查($onRouterActivate方法),并通过其{{1}将检索到的调查公开给其子组件}模板标签。映射到正确子路径的子组件将绑定到此Survey并呈现相应的显示。

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

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

0 个答案:

没有答案