离子4选项卡启动器 - href =“/ tabs /（contact：contact）”做什么

Posted 2021-03-30

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

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

什么是

(contact:contact)

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

答案

这只是指定使用哪个插座的方法，并遵循(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'
            },

            ...
       ]
   }