Angularjs 角材质自定义吐司未正确关闭

我有下面的代码来创建有角度的材质。单击“关闭”按钮时，我遇到了奇怪的问题。当我点击“关闭”按钮时，它会在帧中关闭，也就是说，得到文本的跨距会关闭，然后主跨距会关闭。不知道我做错了什么

我的代码：

<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() {
    if (isDlgOpen) return;

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

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

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