入力付きのKendoUIダイアログサービス

Question

私はKendoUI dialog serviceを使用して、OKボタンとキャンセルボタンを使用してユーザーからテキスト入力データを収集しようとしています。これを行う方法の例は？ありがとう！

Answer 1

私はこの方法を使用します。 例：

私が持っているサービス：

コードから

import { Injectable, TemplateRef } from '@angular/core'; 

import { DialogService, DialogRef, } from '@progress/kendo-angular-dialog'; 

@Injectable() 
export class MyDialogService { 

private _currentDialog: DialogRef; 

constructor(private dialogService: DialogService) { 

} 

open(title: string, content: Function) { 
    this._currentDialog = this.dialogService.open({ 
     title: title, 
     content: content 
    }); 
}; 

close() { 
    this._currentDialog.close(); 
} 
} 

私の呼び出しは次のようになります。

this.myDialogService.open('Buying', PopupAuthBuyComponent); 

MyComponentの：

@Component({ 
    templateUrl: './popup-auth-buy.component.html' 
}) 
export class PopupAuthBuyComponent implements OnInit { 
... your logic that handles form and works with model 
} 

MyTemplateに：

<div> 
    <form (ngSubmit)="onSubmit()" #buyForm="ngForm"> 
     <YOUR INPUTS HERE /> 
     <kendo-dialog-actions> 
      <button kendoButton [primary]="true" type="submit" [disabled]="!buyForm.form.valid">Submit</button> 
     </kendo-dialog-actions> 
    </form> 
</div> 

希望します。