angular 8 自动触发点击事件不起作用

Question

我想在以前的角度版本中自动单击ngOnInit()上的按钮，它工作正常，但现在它显示cannot read property 'click' of null

这是我的代码 html

<button type="button" id="auto_trigger" (click)="editModal(editcontent,param_asset_ref)" class="btn btn-warning">click</button>

.ts 文件

let element:HTMLElement = document.getElementById('auto_trigger') as HTMLElement;

element.click();

Answer 1

这是实现的工作示例，看看angular-8-auto-trigger-click-event-not-working

在 app.component.ts 中添加以下代码

ngOnInit(){
    let element:HTMLElement = document.getElementById('auto_trigger') as HTMLElement;
  // add this condition will solve issue  
  if(element){
    element.click();
    }
  }

  editModal(editcontent,param_asset_ref){
    console.log('clicked');
  }

应用程序组件.html

<button type="button" id="auto_trigger" (click)="editModal(editcontent,param_asset_ref)" class="btn btn-warning">click</button>