角材料定製烤麪包不能正常關閉

Question

我有以下代碼來創建角材烤麪包。點擊關閉按鈕時出現奇怪的問題。當我點擊關閉按鈕時，它關閉框架ie。獲得文本的跨度關閉，然後主要關閉。不知道我在做什麼錯。

我的代碼：

<md-toast ng-if="messageState.getNoRecordsMessage()" class="toast-container toast-success"> 
    <span class="md-toast-text" flex>{{messageState.getNoRecordsMessage()}}</span> 
    <md-button ng-click="closeToast()"> 
     <md-icon md-svg-icon="close" class="white-font"></md-icon> 
    </md-button> 
</md-toast> 

<md-toast ng-if="messageState.getErrorMessage()" class="toast-container toast-error"> 
    <span flex> {{messageState.getErrorMessage()}} <br> Please contact your system administrator if the error persists. </span> 
    <md-button ng-click="closeToast()" class="white-font"> 
     <md-icon md-svg-icon="close"></md-icon> 
    </md-button> 
</md-toast> 

<md-toast ng-if="messageState.getSuccessMessage()" class="toast-container toast-success"> 
    <span flex>{{messageState.getSuccessMessage()}}</span> 
    <md-button ng-click="closeToast()"> 
     <md-icon md-svg-icon="close" class="white-font"></md-icon> 
    </md-button> 
</md-toast> 

而關閉功能是：

  $scope.closeToast = function() { 
       $mdToast 
        .hide() 
        .then(function() { 
         $scope.messageState.setSuccessMessage(""); 
        }) 
      } 

任何人都可以找出我做錯了嗎？

感謝

Answer 1

也許這可以從documentation page幫助，有一個額外的檢查，如果對話是開放的，不知道是不是你的問題。

$scope.closeToast = function() { 
    if (isDlgOpen) return; 

    $mdToast 
     .hide() 
     .then(function() { 
     isDlgOpen = false; 
     $scope.messageState.setSuccessMessage(""); 
     }); 
    };