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

Question

我正在探索 ionic 4 (type angular) 中的新导航，在标签项目中你可以找到这个

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

什么是

(contact:contact)

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

Answer 1

这只是一种指定使用哪个插座的方法，并遵循(outlet:path). 如果我们指定(contact:contact)这意味着我们要使用名称为联系人的出口，并且我们还希望路由路径是联系人。您可以为单个插座定义多个路径，在这种情况下，您可能有如下链接：/tabs/(contact:detail)

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

            ...
       ]
   }