AngularJS $ mdToastは非表示になりません

Question

AngularJSとAngular Materialフロントエンドを使用するWebアプリケーションを構築しています。エラーの通知として$ mdToastを使用したいと思います。

は、私は私のメインのアプリケーションコントローラ（AppCtrl）に次のコードを持っている：

$rootScope.$on('httpError', function (event, errorMessage) { 
    $mdToast.show(
    $mdToast.simple() 
    .textContent(errorMessage.message) 
    .position('top right') 
    .hideDelay(3000) 
); 
}); 

しかし、何とかトーストは、エラーが別の$スコープにトリガーされたときにhideDelayプロパティの有効期限が切れた後に非表示にしていません。

誰かがこの動作を修正する方法を知っていますか？

Answer 1

コードが正常に動作しているようです。私は別のスコープからイベントをブロードキャストしようとしなかった。 this Plunkerのように$timeoutを使用して、hideDelay()関数の代わりにダイアログを非表示にすることができます。

更新されたコードは次のようになります：あなたの答えのworsnupdため

$rootScope.$on('httpError', function (event, errorMessage) { 
    $mdToast.show(
    $mdToast.simple() 
    .textContent(errorMessage.message) 
    .position('top right') 
); 
    $timeout(function() { 
    $mdToast.hide(); 
    }, 3000); 
});