javascript - Angular 8自动触发点击事件不起作用

标签 javascript angular

我想自动点击ngOnInit()按钮,在以前的 Angular 版本中它工作正常,但现在它 显示无法读取 null 的属性“click”

这是我的代码 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();

最佳答案

这是实现的工作示例,看看 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');
  }

app.component.html

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

关于javascript - Angular 8自动触发点击事件不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/60648452/

相关文章:

angular - 如何隐藏 Ag-grid 中的过滤器图标?

angular - 门户主机不会在 Material 2 中渲染模板门户

javascript - TypeScript/RxJS - 可观察的订阅()方法完成()未运行

javascript - 传播 Redux Actions 在 mapDispatchToProps 中不起作用

javascript - Javascript 生成的内容在其父级之外加载

javascript - Chrome 扩展程序 .json 文件上传时出错

Angular ngx-datatable cellTemplate 未加载

angular - TypeScript 中的 @ 符号是什么?

javascript - 为什么 mathjax 不能在包含 jquery html 的 switch case 中工作

angular - 如何将回调函数传递给子组件?