【发布时间】:2020-01-12 01:43:11
【问题描述】:
你能告诉我这些考虑是否完全正确吗?
我有这样的路线:{path:'home:id', Component:'HomeComponent}, {路径:'about',组件:'AboutComponent},
我可以使用这两种方法导航到路由路径:
1)第一种方法:html模板(routerLink指令)
<a [routerLink]= "['/home',2]"></a>
当用户点击一个标签时,会生成这个最终 URL:domain_name/home/2。 数字 2 是替换 id 参数的 value 参数(path:'home:id'......}。 此外,当用户点击一个标签时,第一个路由将被导航到 {path:'home:id', Component:'HomeComponent} 并且 HomeCompnent 将被激活并显示。
2)第二种方法:
以编程方式导航:
导航到的路线:{path:'about', Component:'AboutComponent}
router.navigate(['/about'])
在第二种情况下,当执行此语句时,将生成此最终 URL:domain_name/about,第二个路由将被导航 {path:'about', Component:'AboutComponent} 并且 AboutCompnent 将被激活并显示。
在此示例中,在 routerLink 指令和导航方法中,我在数组参数中传递了一个绝对路径,因为它以斜杠开头。对于绝对路径,路由器从路由配置开始时的根路径开始匹配。
对你来说一切都是正确的还是有错误?很重要
谢谢
【问题讨论】:
标签: angular ionic-framework ionic4 angular8