角材料定制烤面包不能正常关闭

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(""); 
     }); 
    };