angularjs - 如何在角度材料中的对话上添加图标

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

出于某种原因，md-dialog 的titleandtextContent不绑定到 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>'                 
  }
}); 

Answer 2

你必须将它包含在一个函数中......就像......

    $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();

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