ons.notificationons.notificationいくつかの種類のアラートダイアログを作成するためのユーティリティメソッドを収めたオブジェクトです。UIではダイアログを表示する方法がいくつかあります。このチュートリアルでは次のダイアログの使い方を解説します。onsNotificationons-alert-dialogとAlertDialogFactoryons-dialogとDialogFactoryonsNotificationonsNotificationは単純なアラートダイアログを表示することができます。prompt()メソッドの役割は、window.alert()やwindow.confirm()やwindow.prompt()と対応しています。World!');確認ダイアログを表示するには、onsNotification.confirm()を使います。}});プロンプトを表示するには、onsNotification.prompt()を用います。}});onsNotificationはons.notificationのラッパーです。APIの詳細は、ons.notificationのリファレンスを参照してください。<ons-alert-dialog>とAlertDialogFactory単純なアラートダイアログではなく、振る舞いやコンテンツをカスタマイズしたい場合には、<ons-alert-dialog>要素とAlertDialogFactoryを利用します。2アプリケーション下で<ons-alert-dialog>要素を使うには手順が必要です。<ons-alert-dialog>を使ってComponentを宣言します。{}次にこのコンポーネントとして呼び出すにはAlertDialogFactoryを使います。2のDIを通じて取得することができます。}}AlertDialogFactoryは、<ons-alert-dialog>を使っているコンポーネントを動的に生成することができます。初期化時にダイアログを生成したい場合には、次のようにコンポーネントのngAfterViewInit()内でcreateAlertDialog()メソッドを使ってください。一度作成したアラートダイアログはdestroy関数で必ず消して下さい。ドキュメントのDOMツリーの中に保持されし続けるので、DOMリークを引き起こします。}}ビューの初期化が行われていないconstructor()内でcreateAlertDialog()を呼び出すとエラーを引き起こすことに注意してください。パラメータを受け取るcreateAlertDialog()の第二引数には、任意のデータを渡すことができます。});ここで渡したデータは、AlertDialogのコンポーネントのコンストラクタから取得することができます。}}NgModuleAlertDialogFactoryで読み込むコンポーネントは動的に読み込まれるものであるため、NgModuleのdeclarationsとentryComponentsに追加することを忘れないでください。}<ons-dialog>とDialogFactoryアラートダイアログではなく、<ons-page>や<ons-navigator>などを埋め込めるダイアログを表示する場合には、<ons-dialog>を使います。2で生成するには、DialogFactoryを使います。先ほど紹介したAlertDialogFactoryとほとんど同じ方法で使うことができます。}}DialogFactoryを通じてこのMyDialogComponentを初期化します。}}AlertDialogの場合と同様に、初期化時に渡されるdestroy関数を終了時に呼び出すことを忘れないでください。options)ユーザーへメッセージを見せるためのアラートダイアログを表示します。表示するメッセージは、テキストかもしくはHTMLを指定できます。このメソッドの引数には、options.messageもしくはoptions.messageHTMLのどちらかを必ず指定する必要があります。options)ユーザに確認を促すダイアログを表示します。デオルとのボタンラベルは、”Cancel”と”OK”ですが、これはこのメソッドの引数でカスタマイズできます。このメソッドの引数には、options.messageもしくはoptions.messageHTMLのどちらかを必ず指定する必要があります。options)ユーザーに入力を促すダイアログを表示します。このメソッドの引数には、options.messageもしくはoptions.messageHTMLのどちらかを必ず指定する必要があります。Promiseユーザーへメッセージを見せるためのアラートダイアログを表示します。表示するメッセージは、テキストかもしくはHTMLを指定できます。このメソッドの引数には、options.messageもしくはoptions.messageHTMLのどちらかを必ず指定する必要があります。オプションを指定するオブジェクトです。アラートダイアログに表示する文字列を指定します。アラートダイアログに表示するHTMLを指定します。確認ボタンのラベルを指定します。”OK”がデフォルトです。プライマリボタンのインデックスを指定します。ダイアログがキャンセル可能かどうかを指定します。アラートダイアログを表示する際のアニメーション名を指定します。“fade”のいずれかを指定できます。ons-alert-dialog要素のID。ons-alert-dialog要素のclass。アラートダイアログの上部に表示するタイトルを指定します。”Alert”がデフォルトです。アラートダイアログのmodifier属性の値を指定します。背景のマスクの色を指定します。0.2)”がデフォルト値です。アラートダイアログが閉じられた時に呼び出される関数オブジェクトを指定します。Promiseユーザに確認を促すダイアログを表示します。デオルとのボタンラベルは、”Cancel”と”OK”ですが、これはこのメソッドの引数でカスタマイズできます。このメソッドの引数には、options.messageもしくはoptions.messageHTMLのどちらかを必ず指定する必要があります。ボタンのラベルの配列を指定します。“OK”]がデフォルトです。プライマリボタンのインデックスを指定します。Promiseユーザーに入力を促すダイアログを表示します。このメソッドの引数には、options.messageもしくはoptions.messageHTMLのどちらかを必ず指定する必要があります。オプションを指定するオブジェクトです。確認ボタンのラベルを指定します。”OK”がデフォルトです。プライマリボタンのインデックスを指定します。テキスト欄のプレースホルダに表示するテキストを指定します。テキスト欄のデフォルトの値を指定します。input要素に自動的にフォーカスするかどうかを指定します。デフォルトはtrueです。設定する必要があります。Enterが押された際にそのformをsubmitするかどうかを指定します。デフォルトはtrueです。オプションを指定するオブジェクトです。トーストに表示する文字列を指定します。確認ボタンのラベルを指定します。トーストを表示する際のアニメーション名を指定します。“fall”のいずれかを指定できます。ons-toast要素のID。ons-toast要素のclass。トーストのmodifier属性の値を指定します。トーストが閉じられた時に呼び出される関数オブジェクトを指定します。Overflowにてonsen-uiタグを付与してください。UIチームはあなたの問題解決をお手伝いします。Issuesに記載をお願いいたします。あわせて、下記の情報も参考にしてください。subscribing!。