我想将数据从
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’值.
给它一个ViewChild参考:
<div #myDiv id="tutor-price" (click)="passCharge(r.value['charge'])"><span id="month">월 8회</span> <span id="price"> {{r.value['charge']}} </span></div>
在您的组件中:
@ViewChild('myDiv') myDiv: ElementRef; triggerFalseClick() { let el: HTMLElement = this.myDiv.nativeElement as HTMLElement; el.click(); }
原文地址:https://www.jb51.cc/angularjs/140407.html
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。