angular - 在 anchor 元素上设置(单击)属性

Question

据我了解，不可能在 Angular 2+ 中使用 Renderer2 向 DOM 的元素动态添加“(单击)”属性。

如果这是真的，您可爱的人们如何在组件中动态创建 HTML 时添加“(单击)”属性，或者您使用什么解决方法？

 const element = this.renderer.createElement('a');

 element.setAttribute('href', 'foobar');     // This works
 element.setAttribute('(click)', 'foobar');  // This does not work

Answer 1

(点击)不是一个属性，你不能像这样使用它。
您可以使用 .addEventListener 例如
element.addEventListener('click', function(){ do something} );

如果你想要完整的 Angular 示例:
HTML

<button #mybtn>my Button</button>

TS

 @ViewChild('mybtn') myBtn:ElementRef;
    ngOnInit() {
      this.myBtn.nativeElement.addEventListener('click', function() {
       console.log('from there');
      })
    }