时间戳

首页 > 解决方案 > 角度和离子路由

angular - 角度和离子路由

问题描述

你能告诉我这些考虑是否完全正确吗？

我有这样的路线：{path:'home:id', Component:'HomeComponent}, {path:'about', Component:'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 指令和导航方法中，我在数组参数中传递了一个绝对路径，因为它以斜杠开头。对于绝对路径，路由器从路由配置开始时的根路径开始匹配。

一切对你来说都是正确的还是有错误？这一点很重要

谢谢

标签： angularionic-frameworkionic4angular8

解决方案

这2个方法我一般用检查一下

方法：

1)firstmethod

{path: "",component: HomeComponent},
{path:':id', Component:'HomeComponent},

{path:'about', Component:'AboutComponent} and called in html

<a [routerLink]="Home/id"></a>
<a [routerLink]="about"></a>

2)secondmethod

route same as first method
router.navigate(['/about']);

推荐阅读