离子4选项卡启动器 - href ="/ tabs /(contact:contact)"做什么

Question

我正在探索离子4(类型角度)的新导航,在标签项目中你可以找到它

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'
            },

            ...
       ]
   }