ons-alert-dialogons-alert-dialog現在のスクリーンの上に表示するアラートダイアログです。ユーザに対する問いかけ、警告、エラーメッセージを表示するのに利用できます。タイトルやコンテンツやボタンは簡単にカスタマイズでき、実行しているプラットフォームに併せてスタイルが自動的に切り替わります。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関数を終了時に呼び出すことを忘れないでください。関連情報ons-dialogコンポーネントons-dialogコンポーネントアラートダイアログを表示するには、ons.notificationオブジェクトのメソッドを使うこともできます。ダイアログの見た目を指定します。この属性を設定すると、ダイアログの背景をタップしたりAndroidデバイスのバックボタンを押すとダイアログが閉じるようになります。この属性がある時、アラートダイアログはdisabled状態になります。ダイアログを表示する際のアニメーション名を指定します。デフォルトでは”none”か”default”が指定できます。delayをオブジェクトリテラルで指定します。背景のマスクの色を指定します。0.2)”がデフォルト値です。無効化されている場合にtrue。そのダイアログがキャンセル可能かどうかを表します。キャンセル可能なダイアログは、背景をタップするかAndroidデバイスのバックボタンを押すことで閉じることが出来るようになります。要素が見える場合にtrue。バックボタンハンドラ。ダイアログを表示します。ダイアログを閉じます。Promiseダイアログを表示します。表示される要素を解決するPromiseオブジェクトを返します。オプションを指定するオブジェクトです。アニメーション名を指定します。“none”のいずれかです。timingを指定します。ダイアログが表示され終わった時に呼び出されるコールバックを指定します。Promiseダイアログを閉じます。隠れた要素を解決するPromiseオブジェクトを返します。オプションを指定するオブジェクト。アニメーション名を指定します。“none”のいずれかを指定します。timingを指定します。このダイアログが閉じた時に呼び出されるコールバックを指定します。アラートダイアログが表示される直前に発火します。アラートダイアログが表示された直後に発火します。アラートダイアログが隠れる直前に発火します。アラートダイアログが隠れた後に発火します。preshowアラートダイアログが表示される直前に発火します。アラートダイアログのオブジェクト。この関数を実行すると、アラートダイアログの表示を止めます。postshowアラートダイアログが表示された直後に発火します。アラートダイアログのオブジェクト。prehideアラートダイアログが隠れる直前に発火します。アラートダイアログのオブジェクト。この関数を実行すると、アラートダイアログが閉じようとするのを止めます。posthideアラートダイアログが隠れた後に発火します。アラートダイアログのオブジェクト。Overflowにてonsen-uiタグを付与してください。UIチームはあなたの問題解決をお手伝いします。Issuesに記載をお願いいたします。あわせて、下記の情報も参考にしてください。subscribing!。