事件繫結 (Event Binding)

說明

1. 在Template使用元件中處理事件的方法時，可傳入$event參數，此參數是該事件的相關資訊

Template語法：

<element (事件)="元件中方法()"></element>

程式碼範例：

1.在Component.ts中加入方法doAction()，用來印出傳入的參數

import { Component, OnInit } from '@angular/core';

@Component({
  selector: 'example-component',
  templateUrl: './example.component.html',
  styleUrls: ['./example.component.css']
})
export class ExampleComponent implements OnInit {

  doAction(event){
    console.log(event);
  }

  constructor() { }

  ngOnInit() {
  }

}

2.在Template中使用事件繫結該方法，並傳入事件資訊物件$event

<button (click)="doAction($event)">按鈕</button>

事件類型

• (click)

• (keypress)