4-1点击事件

A.app.component.html

  1. <div (click)="handleClick()">{{title}}</div>

B.app.component.ts

  1. import { Component } from '@angular/core';
  2. @Component({
  3. selector: 'app-root',
  4. templateUrl: './app.component.html',
  5. styleUrls: ['./app.component.css']
  6. })
  7. export class AppComponent {
  8. title = 'my-app';
  9. handleClick():void{
  10. console.log("click");
  11. }
  12. }

区别:

  1. js --onclick
  2. jquery--click
  3. vue--@click
  4. React--onClick
  5. Angular--(click)