我如何打开/关闭kendo对话框？

Question

我正在尝试kendo ui for angular 2和close，click事件似乎在kendo对话框上工作。但有没有方法来打开和关闭对话框，或者我必须使用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; 
    } 
}