分类导航
HTMLHTML5JavaScriptCSSjQueryBootstrapAngularjsVueDojoJsonElectronNode.jsExpressXMLAjaxUnityReactFlexWeb前端微信小程序支付小程序百度小程序

Angular 2 – 没有可怕URL的命名路由器出口

Angularjs   发布时间：2022-04-20  发布网站：大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了Angular 2 – 没有可怕URL的命名路由器出口，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。
我想要两个路由器插座,主插座和模态插座.导航到/ login时,我想在主插座中@L_696_0@我的主组件,在模块插座中@L_696_0@我的登录组件.像这样的东西： 

{
   path: 'login',component: HomeComponent
},{
   path: 'login',component: LoginComponent,outlet: 'modal'
}

这可以通过使用像/ home(modal：login)这样可怕的辅助URL来实现,但当然没有人希望他们的URL看起来像那样.

如果没有这些网址,我该如何解决？

解决方法

为什么不选择无组件路线,

{
    path: 'login',children: [
        {
            path: '',component: HomeComponent
        },{
            path: '',outlet: 'modal'
        }
    ]
}

这将确保当您的路由是/ login时,HomeComponent将进入主插座,LoginComponent将转到router-outlet,名称为“modal”.

大佬总结

以上是大佬教程为你收集整理的Angular 2 – 没有可怕URL的命名路由器出口全部内容，希望文章能够帮你解决Angular 2 – 没有可怕URL的命名路由器出口所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。
标签：angular出口可怕命名没有路由器
猜你在找的Angularjs相关文章
其他相关热搜词更多
phpJavaPython程序员load中如何string使用参数jquery开发安装listlinuxiosandroid工具javascriptcap