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

相关内容

热门资讯

wpk有外 挂!wpk德州扑克... wpk有外 挂!wpk德州扑克线上,wpK原来真的有挂,详细教程,(有挂详情)1、许多玩家不知道wp...
aapoker俱乐部!wepo... aapoker俱乐部!wepower有辅助器,德州之星有辅助挂(详细透视挂教程)关于德州之星有辅助挂...
wepoke ai辅助!wep... wepoke ai辅助!wepoke可以来好牌,WEPOke一般真的有挂,科技教程(有挂介绍);原来...
德扑ai助手!wpk德州ai机... 德扑ai助手!wpk德州ai机器人,菠萝德州app真是是有挂(详细ai人工智能教程);德州ai机器人...
微扑克全自动机器人!wpk辅助... 微扑克全自动机器人!wpk辅助软件,wpk德州ai机器人(详细辅助教程);1.微扑克全自动机器人 a...
wpk外 挂(wpK)wpka... wpk外 挂(wpK)wpkai辅助(辅助挂)好像真的有挂(爆料教程)1、下载好wpk辅助软件之后点...
德州之星辅助挂!德扑人工智能软... 德州之星辅助挂!德扑人工智能软件,德州扑克总是真的有挂(详细微扑克辅助教程),亲,有的,ai轻松简单...
wepokeai代打!wepo... wepokeai代打!wepoke德州扑克系统规律(透明挂)wepoker(其实真的有挂);支持2-...
德扑之星有作弊!德扑ai机器人... 德扑之星有作弊!德扑ai机器人哪里有卖,wepoke辅助真的假的(详细透视教程)关于德扑之星有作弊的...
wpk透视辅助测试(wpK)W... wpk透视辅助测试(wpK)Wpk辅助器(透视)果然真的有挂(2025新版技巧);1、在wpkai机...