Angular:クリックイベント

Angular(バージョン２以降)の勉強、その１１です
クリックイベントを起こすのを記載します
普通のjavascriptだと「onclick=xxxx」と記載しますが
Angularだと「(click)="xxxxx"」と記載します

TypeScript側（/app/servers/servers.component.ts）親子関係の親の部分です

export class ServersComponent implements OnInit {
  allowNewServer  = false;
  serverCreationStatus = "No Server was created"
  constructor() {
    setTimeout(() =>{
      this.allowNewServer = true;
    },3000);
  }
  ngOnInit() {
  }
  onCreateServer(){
    this.serverCreationStatus ='Server was created'
  }
}

追加したのが「onCreateServerの部分になります」

template側（/app/servers/servers.component.html）

<button class="btn btn-primary" [disabled]="!allowNewServer" (click)="onCreateServer()">追加するよ</button>

<p>{{serverCreationStatus}}</p>
<p>{{ allowNewServer}}</p>