Wie öffne/schließe ich den Kendo-Dialog?

Question

Ich versuche das kendo ui für eckige 2 und die schließen, klicken Ereignisse scheinen auf den Kendo-Dialog zu arbeiten. Aber gibt es Methoden, um das Dialogfeld zu öffnen und zu schließen, oder muss ich Javascript dafür benutzen?

Answer 1

Einfaches Beispiel hier: http://plnkr.co/edit/Sm1T3rXkHNb04waFkkzG?p=preview

Verwenden Sie einfach eine einfache ngIf Richtlinie den offenen/geschlossenen Zustand des Fensters zu steuern.

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; 
    } 
}