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属性。

相关内容

热门资讯

3分钟关于!潮娱乐鱼虾蟹公式辅... 3分钟关于!潮娱乐鱼虾蟹公式辅助软件,顺欣茶楼辅助视频(切实有挂)-哔哩哔哩1、很好的工具软件,可以...
第一分钟外挂!决战卡五星看牌器... 第一分钟外挂!决战卡五星看牌器,新道游正版辅助,2025新版(有挂总结)-哔哩哔哩第一分钟外挂!决战...
4分钟必备!新道游开挂辅助透视... 4分钟必备!新道游开挂辅助透视,约战沙城攻略(原来是有挂)-哔哩哔哩新道游开挂辅助透视辅助器中分为三...
第8分钟外挂!决战卡五星辅助,... 第8分钟外挂!决战卡五星辅助,新樱花互娱源码,黑科技教程(有挂神器)-哔哩哔哩1、操作简单,无需注册...
第一分钟专业!宝宝游戏辅助,阿... 第一分钟专业!宝宝游戏辅助,阿拉游戏中心辅助(确实是真的挂)-哔哩哔哩1、下载好阿拉游戏中心辅助辅助...
1分钟外挂!科乐辅助功能插件,... 1分钟外挂!科乐辅助功能插件,手机游戏辅助脚本工具,wpk教程(有挂工具)-哔哩哔哩手机游戏辅助脚本...
四分钟外挂!浙江游戏大厅透视辅... 四分钟外挂!浙江游戏大厅透视辅助器,欢乐茶馆辅助,安装教程(有挂教程)-哔哩哔哩1、起透看视 浙江游...
第7分钟了解!鱼乐吧游戏脚本,... 第7分钟了解!鱼乐吧游戏脚本,决战卡五星辅助看牌器(总是存在有挂)-哔哩哔哩所有人都在同一条线上,像...
第九分钟外挂!丫丫老陕游戏辅助... 第九分钟外挂!丫丫老陕游戏辅助,多乐辅助app,揭秘教程(有挂攻略)-哔哩哔哩亲,关键说明,丫丫老陕...
第七分钟关于!透视牌辅助工具脚... 第七分钟关于!透视牌辅助工具脚本市场,新鸿狐挂机(原来是有挂)-哔哩哔哩1、全新机制【透视牌辅助工具...