Angular2如何在不单击的情况下触发(单击)事件

发布时间：2020-12-17 09:53:01 所属栏目：安全来源：网络整理

导读：我想将数据从 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; co

我想将数据从 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();
}

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!