角度素材を使用すると、特定のダイアログを閉じることができます

Question

角度素材UIフレームワークを使用するAngularJSアプリがあります。

アプリにはダイアログ（例：エラーとローディングスピナー）を示すさまざまなメカニズムがあり、特定のシナリオで特に選択されたものを閉じることが望ましいでしょう。 AJAXリクエストのデータ取得が終了したら、ローディングスピナーを閉じるが、フェッチの結果である可能性のあるエラーダイアログは表示されません。

私はドキュメントで見つけることができますし、コードが（コードは、引数に勝つ必要がありますが）一致しないもの：

• Documentation
  が
• The codeは言うオプションの応答で、閉じることができる唯一の最新語ります最新のオープン最新または全ての数は、オプションの理由
• Example in the documentationで、閉じることができ、特定のダイアログがどのようにか、なぜ

示すフラグで、閉じることができ語ります -

私はできるだけMCVとして、demo of my intentをしたこれらのハイライトです：

var dialog = {}, 
    promise = {}; 

function showDialogs(sourceEvent) { 
    showDialog(sourceEvent, "one"); 
    showDialog(sourceEvent, "two"); 
} 

function showDialog(sourceEvent, id) { 
    dialog[id] = $mdDialog.alert({...}); 

    promise[id] = $mdDialog.show(dialog[id]); 
    promise[id].finally(function() { 
     dialog[id] = undefined; 
    }); 
} 

function closeDialogs() { 
    $mdDialog.hide("Closed all for a reason", {closeAll: true}); 
} 

function closeDialogLatest() { 
    $mdDialog.hide("Closed from the outside"); 
} 

function closeDialogReason() { 
    $mdDialog.hide("Closed with a reason"); 
} 

function closeDialogSpecific(id) { 
    $mdDialog.hide(dialog[id], "finished"); 
} 

EDIT：
私は、コードは常に何が起こるかについての議論を勝利知っているが、私は完全に確認されませんでしたそれは私が見ていた正しいコードでした。
私は、より良いテストと私のポイントと問題を説明するための例を更新しました。これはコードが言ったように働くことを示しています。

私が本当に探しているのは、私がまだ考えていない他の方法で目標を達成することがまだ可能かもしれないかどうかということです。

Answer 1

$mdDialogの代わりに$mdPanelを使用して、私は所望の効果を達成することができた。 demoに変更を反映させました。これはハイライトです：

var dialog = {}; 

function showDialogs() { 
    showDialog("one"); 
    showDialog("two"); 
} 

function showDialog(id) { 
    var config = {...}; 

    $mdPanel.open(config) 
     .then(function(panelRef) { 
      dialog[id] = panelRef; 
     }); 
} 

function closeDialogs() { 
    var id; 

    for(id in dialog) { 
     closeDialogSpecific(id, "Closed all for a reason"); 
    } 
} 

function closeDialogSpecific(id, reason) { 
    var message = reason || "finished: " + id; 

    if(!dialog.hasOwnProperty(id) || !angular.isObject(dialog[id])) { 
     return; 
    } 

    if(dialog[id] && dialog[id].close) { 
     dialog[id].close() 
      .then(function() { 
       vm.feedback = message; 
      }); 
     dialog[id] = undefined; 
    } 
} 

Answer 2

Googleのマテリアルデザインでは、2つ以上のダイアログを同時に表示させることは理想的ではないと思われます。彼らは、断続しているので、控えめにdocs

使用ダイアログから引用し

。 AJAXリクエストがデータをフェッチ終了すると

が、私は閉じるように私の ロードスピナーをしたいと思いますが、フェッチの 結果であるかもしれない任意のエラーダイアログ：

あなたが言います。

ここでの解決方法は、最初にスピナーを表示するダイアログを1つ作成することです。要求が完了したら、スピナーを任意のメッセージで置き換えます。