ルートガードcandeactivateの角度2のダイアログ

Question

私はこれを行う方法を理解しようとしています。ルートに保存されていないページがある場合は、ダイアログをポップアップして、データを保存するかどうかを尋ねます完全ではない、または完全に取り消す。

プロンプトを使用して確認しようとしましたが、同時に2つのボタンしか表示できませんが、3つのボタンではい、いいえ、キャンセルを同時に表示できます。

私は、ダイアログをポップアップ表示させることができますが、進行する前に角2をユーザーの選択待ちにする方法がわからないので、私はJavascriptとJqueryの両方で試しましたが、どのようにユーザーの入力を待つかを選択してから選択を実行する方法を説明します。

すべてのヒントを歓迎します。 :)

ここに小さな棒がありますが、次にbarをクリックしてからfooを押して再びポップアップを表示して、それと同じ時間に値を待つようにしますあなたがポップアップとして機能するdivを持っているために、独自のHTMLとCSSを書くことができ

if (target.hasBeenChanged == true) { 

     target.popuptest(); 
     // using the last one set in component for now 
     let selection = target.popupchoice; 

     console.log('selected was: ' + selection); 


     if (selection == 'yes') { 
      target.PushToSave(); 
      return true; 
     } else if (selection == 'no') { 
      return true; 
     } else { 
      return false; 
     } 
    } else { 
     return true; 
    } 

https://plnkr.co/edit/so7KeiaMiqbSy7Nr5nSB?p=info

Answer 1

を設定しました。これについてはvery good tutorialがあります。あなたはいつでもポップアップを表示/非表示にすることができますし、ボタンを含めてそこに独自のタグを追加することもできます。次に、functionがユーザによって行われたアクションに従って入力を受け取り、正しいパラメータを持つ関数呼び出しをボタンのonclickに追加することができます。