ionic 4 tabs starter - href="/tabs/(contact:contact)“的作用

Question

我正在探索ionic 4(键入angular)中的新导航，您可以在tabs项目中找到

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

什么是

(contact:contact)

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

Answer 1

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

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

            ...
       ]
   }