Question

我在项目中使用Angular-material。我想要的地方显示我正在使用的对话

var confirm = $mdDialog.confirm()
            .title(modalObject.header)
            .content(modalObject.text)
            .ok(modalObject.control)
        $mdDialog.show(confirm).then(function () {
            var status = 'You decided to get rid of your debt.';
        }, function () {
            status = 'You decided to keep your debt.';
        });

我的要求是我必须在任何地方使用标题或内部身体的图标来显示此对话是为了什么。例如：错误，警告和成功

但我无法做到这一点。

任何人都可以告诉我如何解决它。

Answer 1

你必须将它包含在一个函数中......比如..

    $scope.showConfirm = function (ev){

var confirm = $mdDialog.confirm()
            .title(modalObject.header)
            .content(modalObject.text)
            .ok(modalObject.control)
        $mdDialog.show(confirm).then(function () {
            var status = 'You decided to get rid of your debt.';
        }, function () {
            status = 'You decided to keep your debt.';
        });

};

并通过HTML调用它。比如ng-click="showConfirm()"

或仅通过$scope.showConfirm();

从控制器内部调用该函数

确保为您的内容分配了正确的控制器。

Answer 2

出于某种原因，md-dialog的title和textContent没有绑定到Html。另一种方法是使用模板选项并明确地向模板添加图标：

$mdDialog.show({
  scope: $scope,        
  preserveScope: true,           
  template: '<md-dialog>' +
              '  <md-dialog-content>' +
              '     <i class="fa fa-cloud"></i>{{modalObject.text}} -With icon' +  //Icon
              '  </md-dialog-content>' +
              '</md-dialog>'                 
  }
});

如何在角度材质的对话框中添加图标

2 个答案: