ng2-material:更改对话框内容

时间:2016-04-18 11:04:27

标签: angular angular-material

我正在使用ng2-material来构建我的angular2应用程序。 ng2-material只提供两种类型的基本对话组件,但我需要更改其内容。

所以我需要知道我该怎么做? 这就是我正在使用的

   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.';
                }
            })
        });

我无法像Angular材料中那样识别模板网址来代替 textContent

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

1 个答案:

答案 0 :(得分:0)

您可以将模板的url用作textContent,如下所示:

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

它对我有用,所以希望它适合你。

相关问题