どのように剣道のダイアログを開いたり閉じることができますか？

Question

私は角度2の剣道をしようとしていますが、クリックイベントは剣道のダイアログで動作するようです。しかし、ダイアログボックスを開いたり閉じたりする方法があるのですか、それともjavascriptを使用する必要がありますか？

Answer 1

ここに簡単な例：http://plnkr.co/edit/Sm1T3rXkHNb04waFkkzG?p=preview

ただ、ウィンドウのオープン/クローズ状態を制御するために、単純なngIfディレクティブを使用します。

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

@Component({ 
    selector: 'my-app', 
    template: ` 
    <button (click)="dialogOpen = true">Open Dialog</button> 
     <p>Status: {{ status }}</p> 

     <kendo-dialog title="Action required" (close)="onDecline()" *ngIf="dialogOpen"> 
      <p>Do you accept?</p> 

      <kendo-dialog-actions> 
       <button kendoButton (click)="onAccept()">Yes</button> 
       <button kendoButton (click)="onDecline()">No</button> 
      </kendo-dialog-actions> 
     </kendo-dialog> 
    ` 
}) 
export class AppComponent { 
    public status = "not open"; 
    dialogOpen : boolean = false; 

    public onAccept() { this.status = "accepted"; this.closeDialog(); } 
    public onDecline() { this.status = "declined"; this.closeDialog(); } 

    private closeDialog() { 
     this.dialogOpen = false; 
    } 
}