Angular如何区分多个组件中定位在router-outlet标记的标记?
创始人
2024-10-29 07:30:49
0

当有多个组件时,必须在路由模块中定义每个组件的路径和路由器出口的名称。例如:

const routes: Routes = [ { path: 'home', component: HomeComponent, outlet: 'main' }, { path: 'about', component: AboutComponent, outlet: 'main' }, { path: 'contact', component: ContactComponent, outlet: 'main' }, { path: 'faq', component: FaqComponent, outlet: 'sidebar' }, { path: 'help', component: HelpComponent, outlet: 'sidebar' } ];

在这个例子中,路由器在'main'和'sidebar'出口之间进行区分。这个定义告诉Angular如何在多个组件中分辨出不同的标记。所以,如果有多个router-outlet标记,则可以在组件中通过指定路由器出口名称来指定要使用的标记。例如:

通过这样的方式,Angular可以正确地区分路由器标记并在正确的组件中进行渲染和导航。

相关内容

热门资讯

技术分享!!微信茶馆辅助(透视... 技术分享!!微信茶馆辅助(透视)飞驰娱乐科技(详细开挂外开挂教程)1、玩家可以在微信茶馆辅助软件透明...
热点推荐!!西元红河脚本(透视... 热点推荐!!西元红河脚本(透视)陕麻圈脚本辅助(详细开挂外开挂教程)1、玩家可以在陕麻圈脚本辅助软件...
玩家必看!新鸿狐辅助软件是真的... 玩家必看!新鸿狐辅助软件是真的吗(透视)微信卡农辅助(详细开挂外开挂教程)暗藏猫腻,小编详细说明新鸿...
玩家科普!新玉海楼茶苑挂(透视... 玩家科普!新玉海楼茶苑挂(透视)海贝之城有辅助吗(详细开挂外开挂教程)1、很好的工具软件,可以解锁游...
详细说明!哈糖大菠萝辅助(透视... 详细说明!哈糖大菠萝辅助(透视)福建天天开心辅助(详细开挂外开挂教程)福建天天开心辅助辅助器中分为三...
一分钟了解!!浙江宝宝游戏万能... 一分钟了解!!浙江宝宝游戏万能辅助器(透视)决战卡五星辅助器(详细开挂外开挂教程)1、浙江宝宝游戏万...
技术分享!老友广西玩有破解视频... 技术分享!老友广西玩有破解视频(透视)创思维激k辅助器视频(详细开挂外开挂教程)1、老友广西玩有破解...
专业讨论!!微信小程序中至上饶... 专业讨论!!微信小程序中至上饶麻将有挂(透视)葫芦娃辅助修改器(详细开挂外开挂教程);小薇(透视辅助...
一分钟揭秘!!新二号辅助软件多... 一分钟揭秘!!新二号辅助软件多少钱(透视)新老夫子较二八年(详细开挂外开挂教程)1、新二号辅助软件多...
揭秘攻略!雀神智能插件安装价格... 揭秘攻略!雀神智能插件安装价格(透视)指尖四川辅助脚本视频(详细开挂外开挂教程);1)雀神智能插件安...