ionic 4 tabs starter - href="/tabs/(contact:contact)" 做什么

Question

我正在探索 ionic 4 中的新导航（类型 angular），您可以在选项卡项目中找到这个

href="/tabs/(contact:contact)"

什么是

(contact:contact)

做吗？它是以前的 navParams 的某种替代品吗？

Answer 1

这只是指定使用哪个插座的一种方式，遵循(outlet:path)的格式。如果我们指定 (contact:contact) 这意味着我们要使用名称为 contact 的插座，我们还希望路由路径为 contact。您可以为单个插座定义多条路径，在这种情况下，您可能有一个 link，例如：/tabs/(contact:detail)

const routes: Routes = [
    {
        path: 'tabs',
        component: HomePage,
        children: [
            {
                path: 'contact',
                outlet: 'contact', //outlet
                loadChildren: '../contact/contact.module#ContactModule'
            },

            ...
       ]
   }