Angular中@ContentChild(TOKEN)中的令牌如何解析?
创始人
2024-10-31 00:01:14
0

@ContentChild装饰器用于从父组件的模板中查询指定的子组件或指令,并将其注入到父组件中。它有一个可选的令牌参数,可以用于细化查询以获取所需的子组件或指令。

当令牌作为参数传递给@ContentChild时,Angular会查找具有该令牌的一个或多个子组件或指令,并将其注入到父组件中。可以通过以下代码示例进行演示:

// 子组件 @Component({ selector: 'app-child', template: '', }) export class ChildComponent { @Input() token: string; }

// 父组件 @Component({ selector: 'app-parent', template: '', }) export class ParentComponent implements AfterContentInit { @ContentChild(ChildComponent, { read: ChildComponent, static: false }) child: ChildComponent;

ngAfterContentInit(): void { console.log(this.child.token); // 输出令牌 } }

在上面的示例中,父组件使用@ContentChild装饰器检索ChildComponent,并打印它的token属性。

解析:上述代码示例中,可以看到父组件使用@ContentChild装饰器来注入子组件,并传递一个令牌参数。ChildComponent具有一个token属性,用于存储令牌的值。在AfterContentInit钩子函数中,可以访问child属性,即表示从ng-content查询得到的ChildComponent实例,从而访问子组件的token属性。

相关内容

热门资讯

6分钟外挂!皇豪互众插件,潮汕... 6分钟外挂!皇豪互众插件,潮汕掌上娱破解,必胜教程(有挂教学)-哔哩哔哩1.潮汕掌上娱破解 ai辅助...
第2分钟解密!来趣广西友玩脚本... 第2分钟解密!来趣广西友玩脚本辅助,福建天天开心王国辅助(总是存在有挂)-哔哩哔哩1、福建天天开心王...
两分钟外挂!微信微乐辅助免费,... 两分钟外挂!微信微乐辅助免费,新广西老友辅助,玩家教你(有挂助手)-哔哩哔哩1、让任何用户在无需微信...
第八分钟解谜!微信小程序功夫川... 第八分钟解谜!微信小程序功夫川免费辅助,余干六副真有辅助吗(一直是真的挂)-哔哩哔哩1、下载好微信小...
7分钟总结!圣游辅助器,邳州友... 7分钟总结!圣游辅助器,邳州友友辅助(都是是真的挂)-哔哩哔哩1、邳州友友辅助ai机器人多个强度级别...
8分钟外挂!佛手在线辅助器苹果... 8分钟外挂!佛手在线辅助器苹果版,小闲川南手游辅助器,透明挂教程(有挂辅助)-哔哩哔哩1)佛手在线辅...
第4分钟科普!蘑菇云游破解版,... 第4分钟科普!蘑菇云游破解版,同城乐吧乐享版510k辅助(确实存在有挂)-哔哩哔哩;1、完成同城乐吧...
第四分钟外挂!老夫子拼十辅助,... 第四分钟外挂!老夫子拼十辅助,浙江游戏大厅修改器,细节揭秘(新版有挂)-哔哩哔哩一、浙江游戏大厅修改...
第十分钟解谜!广东闲来辅助,战... 第十分钟解谜!广东闲来辅助,战神辅助官方(其实是有挂)-哔哩哔哩1.战神辅助官方 ai辅助创建新账号...
第七分钟外挂!酷乐游戏辅助,闲... 第七分钟外挂!酷乐游戏辅助,闲来山水广西辅助,黑科技教程(有挂神器)-哔哩哔哩1)闲来山水广西辅助辅...