2016-06-13 2 views
0

내 프로젝트에서 각도 재료를 사용하고 있습니다. 내가각도 재료의 대화 상자에 아이콘을 추가하는 방법

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

내 요구 사항을 사용하고있는 내가 대화를 표시 할 위치 나는이 대화가 무엇을위한 것입니다 보여 헤더 또는 어디 몸 안에 아이콘이 있습니다. 예 : 오류, 경고 및 성공

그러나 이것을 수행 할 수 없습니다.

누구든지 어떻게 해결할 수 있는지 알려주세요.

당신은 함수 .. 같은이 포함해야합니다

답변

0

..

$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로 중이를 호출합니다. 단순히 $scope.showConfirm();

에 의해 ng-click="showConfirm()"

또는 컨트롤러 내부에서 함수를 호출처럼하면 콘텐츠에 할당 된 올바른 컨트롤러가 있는지 확인하십시오. 응답하지만 대한

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

감사하십시오 : 어떤 이유 –

0

title 및 MD-대화의 textContent HTML을 명중 한명 대안에 결합하지 않는 템플릿 옵션을 사용하여 명시 적으로 템플릿에 아이콘을 추가하는 것입니다 다시 한번 질문을 읽고 나는 다른 것을 물었다. 제 질문은 어떻게 대화체에 아이콘을 넣을 수있는 방법이 아니 었는지 또는 대화를 표시하는 방법이 아니 었습니다.