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

Question

我正在探索 ionic 4 中的新导航(类型为 angular)，您可以在选项卡项目中找到它

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

什么是

(contact:contact)

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

Answer 1

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

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

            ...
       ]
   }