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标记的标记？

相关内容

热门资讯

更值得关注的是!aapoker... 更值得关注的是!aapoker脚本怎么用(透视)果然是真的辅助安装(今日头条)-哔哩哔哩1、金币登录...
透视最新!wepoker游戏的... 透视最新!wepoker游戏的安装教程(透视)其实真的有辅助安装(有挂规律)-哔哩哔哩一、wepok...
透视脚本!wepoker作必弊... 透视脚本!wepoker作必弊方法(透视)好像是真的辅助辅助器(有挂教程)-哔哩哔哩1、起透看视 w...
透视辅助!werplan透视挂... 透视辅助!werplan透视挂(透视)其实真的是有辅助修改器(有挂分享)-哔哩哔哩1、游戏颠覆性的策...
反观!wepoker破解工具(... 反观!wepoker破解工具(透视)总是是有辅助app(真的有挂)-哔哩哔哩小薇（辅助器软件下载）致...
今日!wepoker好友房开挂... 今日!wepoker好友房开挂(透视)都是真的有辅助修改器(证实有挂)-哔哩哔哩；wepoker好友...
今天上午!wepoker新号好... 今天上午!wepoker新号好一点吗(透视)总是是真的辅助工具(有挂方式)-哔哩哔哩1、玩家可以在w...
现有说明如下!werplan辅... 现有说明如下!werplan辅助软件(透视)果然真的是有辅助修改器(有挂秘籍)-哔哩哔哩1、点击下载...
经核实!wpk模拟器是什么(透... 经核实!wpk模拟器是什么(透视)原来有辅助工具(有挂辅助)-哔哩哔哩1、上手简单，内置详细流程视频...
目前来看!pokemmo脚本辅... 目前来看!pokemmo脚本辅助器(透视)好像是真的辅助安装(有挂透视)-哔哩哔哩1、完成pokem...