如何在Angular 5中执行javascript onclick操作？

Question

包含在app.component.html文件中的竞争

<button onclick="myfunction()">Click me </button>
<script src="one.js"></script>

one.js文件

function myfunction() {
  alert();
}

Answer 1

在Angular中，常规onclick应为(click)或on-click，如下所示：

<button (click)="myfunction()">Click me </button>

或者这个：

<button on-click="myfunction()">Click me </button>

有关详细信息，请阅读Angular中的event binding。

Answer 2

在app.component.html中添加点击事件：

<button (click)="()">Click me </button>

在app.component.ts中添加相应的功能：

export class AppComponent {
  title = 'app';
 myfunction(){
      alert();
  }
}

它为我工作。