我希望将数据从HTML传递到组件,因此创建了一个如下所示的事件:
<div id="tutor-price" (click)="passCharge(r.value['charge'])"><span id="month">월 8회</span> <span id="price"> {{r.value['charge']}} </span></div>
在组件中:
passCharge(charge){
this.charge = charge;
console.log(this.charge,"give me the number")
}
如果我点击这个事件,我会看到一切都很正常。但是我想自动触发这个点击事件,因为我想让组件在完成加载后立即使用'this.charge'值。
有没有什么方法可以自动触发(点击)事件?
5条答案
按热度按时间cclgggtu1#
给予ViewChild引用:
在组件中:
ktca8awb2#
您可以在ngOnInit()中触发click事件,如下所示:`
在组件.ts文件中
ccrfmcuu3#
在the accepted answer上展开,如果您得到错误“无法读取未定义的属性'nativeElement'”或者甚至“无法读取未定义的属性click”,正如OP在提供的回答的注解中明确指出的,请使用this solution:
如果要获取承载组件或指令的元素的引用,则需要指定需要元素而不是组件或指令
o8x7eapl4#
希望这对你有帮助。
yi0zb3m45#
刚从一项研究中来到这里,我决心为这个主题做出我的贡献。:)
您也可以创建和调度事件:
希望它能对你或其他人在未来的研究中有所帮助