【问题标题】:Angular and Ionic routing角度和离子路由
【发布时间】: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


    【解决方案1】:

    这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']);
    

    【讨论】:

    • 在id的第一种方法中,您可以以不同的方式调用,所以我建议您使用in for pass id like :id 为此使用我的路由方式。
    • 你能重新检查我的帖子吗?我做了一些更改。谢谢
    • Ionic 4 tabs 导航基于角度路由?
    • 是的,它和角度路由一样检查这个链接ionicRoute
    • 对不起,我借此机会再问一个问题;在 Ionic 选项卡导航中, 选项卡属性的值必须与路由配置中路径键的值匹配 { path: 'tab1', component:Tab1Page.对吗?
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2021-06-28
    相关资源
    最近更新 更多