angular點擊事件和表單事件

<div style="text-align:center">
  <h1>
    Welcome to {{ title }}!
  </h1>
  <button class="button" (click)="getData()"> 點擊按鈕觸發事件
  </button>
  <button class="button" (click)="setData()"> 點擊按鈕設置數據
  </button>
  <input type="text" (keyup)="keyUpFn($event)"/>
</div>

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

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.scss']
})
export class AppComponent {
  title = 'angulardemo';
  status='2';
  isShow=false;
  msg='消息'
  getData(){ /*自定義方法獲取數據*/ //獲取
    alert(this.msg);
  } 
  setData(){
  //設置值
  this.msg='這是設置的值'; 
  }
  keyUpFn(e){
    console.log(e)
  }
}

效果：