2016-04-18 1 views
0

私はang2アプリケーションを構築するためにng2-materialを使用しています。 ng2-materialは2種類の基本的な対話コンポーネントを提供していますが、その内容を変更する必要があります。ng2-material:ダイアログコンテンツを変更する

私はそれをどうやって行うことができますか? これは私が角材料のようのTextContentの代わりにテンプレートURLを識別することはできませんよ

let config = new MdDialogConfig() 
     .textContent(``) 
     .clickOutsideToClose(true) 
     .title('') 
     .ariaLabel('Lucky day') 
     .ok('save') 
     .cancel('cancel') 
     .targetEvent(ev); 

    this.dialog.open(MdDialogBasic, this.element, config) 
     .then((ref: MdDialogRef) => { 
      ref.whenClosed.then((result) => { 
       if (result) { 
        this.status = 'You decided to get rid of your debt.'; 
       } 
       else { 
        this.status = 'You decided to keep your debt.'; 
       } 
      }) 
     }); 

を使用していますものです:

$mdDialog.show({ 
    controller: DialogController, 
    templateUrl: 'dialog1.tmpl.html', 
    parent: angular.element(document.body), 
    targetEvent: ev, 
    clickOutsideToClose:true, 
    fullscreen: useFullScreen 
}) 

答えて

0

あなたはテンプレートのURLを使用することができますこのようなテキストコンテンツとして:

let config = new MdDialogConfig() 
    .textContent('dialog1.tmpl.html') 
    .clickOutsideToClose(true) 
    .title('') 
    .ariaLabel('Lucky day') 
    .ok('save') 
    .cancel('cancel') 
    .targetEvent(ev); 

ullyそれはあなたのために働く。

関連する問題