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/>
似乎无法用于向子组件发送数据。
我的方法是否正确,我错过了什么?或者路由/子路由机制不适合这个吗?