Angular2 – 具有相同路线的两个组件
发布时间:2020-12-17 07:57:26 所属栏目:安全 来源:网络整理
导读:在angularJS中,ui-router允许我们使用状态使用相同路径的2个组件(如本例中的 Angular UI Router: Different states with same URL?). 是否有可能在angular2中实现相同的行为?如果可以,您可以链接/提供一些示例或解决方法吗? 这里的用例类似于Facebook或Twi
在angularJS中,ui-router允许我们使用状态使用相同路径的2个组件(如本例中的
Angular UI Router: Different states with same URL?).
是否有可能在angular2中实现相同的行为?如果可以,您可以链接/提供一些示例或解决方法吗? 这里的用例类似于Facebook或Twitter,其中URL保持不变,但内容会根据您是否登录而更改. 到目前为止,我能想到实现这一目标的唯一方法是在’父’模板中使用* ngIf来选择两个’子’组件之一的选择器.像这样的东西: <home-logged-in *ngIf="authenticated()"></home-logged-in> <home-logged-out *ngIf="!authenticated()"></home-logged-out> 有没有推荐的方法来做到这一点? 谢谢
您可以拥有参数类似的路线
/条/:ID /细节 其中/ article / 123 / detail和/ article / abc / detail导致相同的组件. 请参阅本教程https://angular.io/docs/ts/latest/tutorial/toh-pt5.html(搜索“使用参数配置路由”) (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |