Angular如何区分多个组件中的router-outlet标签？
创始人
2024-10-29 07:30:48
0次

Angular 在处理多个组件中的 router-outlet 标签时，通过指令选择器来确定需要渲染的标签。在组件中，可以使用 select 属性来设置选择器。

示例代码：

在 app.component.html 中：

在 admin.component.html 中：

上面的代码中，app.component.html 中只有一个 router-outlet 标签，因此不需要指定选择器。而在 admin.component.html 中，我们通过 select 属性指定了选择器为 “admin”，这样 Angular 就会根据选择器来渲染对应的 outlet 标签。

上一篇：Angular如何区分/匹配依赖注入令牌？

下一篇：Angular如何区分多个组件中定位在router-outlet标记的标记？

相关内容

热门资讯

教学盘点！来来拼十软件脚本，h... 教学盘点！来来拼十软件脚本，hhpoker俱乐部是干嘛的，曝光教程（有挂实锤）;来来拼十软件脚本是一...
科技通报！微信闲来神器软件下载... 科技通报！微信闲来神器软件下载，aapoker插件下载，介绍教程（有挂透明挂），微信闲来神器软件下载...
总算明白！七千在线辅助，德州来... 总算明白！七千在线辅助，德州来玩辅助器，专业教程（有挂工具）；1、总算明白！七千在线辅助，德州来玩辅...
分享给玩家！三哥玩app辅助，... 分享给玩家！三哥玩app辅助，哈糖大菠萝辅助器，2025新版教程（有挂解惑），哈糖大菠萝辅助是用手机...
盘点几款！欢乐对决脚本，wep... 您好，欢乐对决脚本这款游戏可以开挂的，确实是有挂的，需要了解加微【136704302】很多玩家在这款...
技巧知识分享！海米大厅辅助，a... 技巧知识分享！海米大厅辅助，aapoker怎么拿好牌，2025新版总结（详细教程）；海米大厅辅助软件...
必备教程！福建天天开心辅助工具... 您好，福建天天开心辅助工具下载这款游戏可以开挂的，确实是有挂的，需要了解加微【136704302】很...
盘点一款！微信小程序全能修改器... 【福星临门，好运相随】；盘点一款！微信小程序全能修改器，wepoker辅助透视软件，安装教程（有挂头...
盘点几款！盛世2私人辅助，we... 盘点几款！盛世2私人辅助，wepoker透视脚本是什么，揭秘教程（有挂教学）是一款可以让一直输的玩家...
揭秘几款！小程序河北微乐脚本，... 您好，小程序河北微乐脚本这款游戏可以开挂的，确实是有挂的，需要了解加微【136704302】很多玩家...