角度素材でダイアログにアイコンを追加する方法

Question

私のプロジェクトで角度素材を使用しています。私は

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-ダイアログのtitleとtextContentは、HTML .Oneの代替に結合しないテンプレートオプションを使用して明示的にテンプレートにアイコンを追加することです：返信用

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