問題タブ [ionic-popup]

qty をクリックすると、ionicPopup に設定されます

データベース値から数量をバインドしたいので、ionic popup で可能である ionic popup で値をバインドできないのはなぜですか? 事前に感謝します

コードにこの ui-select があります。Ionic と AngularJS を使用してモバイル アプリを構築しています。

このコードを ionicPopup に配置すると、オプションのリストをスクロールしてリスト内の 20 個のオプションを表示できますが、このコードをページ上のイオンビューまたは ionicModal に配置すると、20 個のオプションをスクロールできません.

これがなぜそうなのか、私には手がかりがありません。また、それを解決する方法もわかりません。Web では完全に機能しますが、モバイル デバイスでは機能しません。

ポップアップ ヘッダー、ポップアップ ボディ、ポップアップ ボタン セクションで構成される IONIC ポップアップ ダイアログを作成したいと思います。ポップアップ本文の内容はion-listです。

望ましい結果は次のとおりです。

以下にリストされているテンプレート HTML を使用して、目的の結果を達成しました。

ただし、上記のテンプレート HTML コードには問題があります。問題は、リスト項目をスワイプすると (たとえば、各項目に「削除」ボタンを表示するため)、コンソールに次のようなエラーが出力され、次のように表示されることです: " Uncaught TypeError: Cannot read property 'freeze' null の".

私はインターネットでいくつかの調査を行い、次の場所で解決策を見つけました。提案どおり、テンプレートの HTML コードをion-content タグでラップしました。更新されたコードは次のとおりです。

上記の 2 つのバージョンの唯一の違いは、ion-content タグです。

イオンコンテンツは「null で参照をフリーズする」問題を解決し、リスト項目をスワイプしたときにコンソールに出力されるエラーメッセージはもうありません。ただし、新しい問題が発生します (解決策が見つかりません)。ポップアップ ボタンの位置が正しくないようです。

下の図に示すように、テンプレート HTML を 1 組のion-content タグでラップした後、ポップアップの本文 (ion-list を含む) に高さがなくなったように見えます。ポップアップ ボタン (「キャンセル」ボタン) は、ポップアップ ヘッダー セクションのすぐ下に配置されます。

これは、私が何を意味したかを示すためのスクリーン キャプチャ イメージです。

それで、ここで私の質問になります。ここでやりたいことを行うための最良の方法は何ですか?

1) テンプレート HTML でイオン コンテンツを使用しない場合、「null で参照をフリーズする」問題を回避するにはどうすればよいですか?

2) HTML テンプレートをion-content タグでラップする必要がある場合、ポップアップ ボタンを正しく配置するにはどうすればよいですか?

多くの感謝！

よろしくお願いします、

クリス

PS

ポップアップ ウィンドウのサイズを変更する CSS は次のとおりです。

コントローラーでポップアップダイアログを表示するために使用したコードは次のとおりです。

フォームといくつかの必須フィールドを持つ Ionic アプリケーションを作成しています。

フォームが送信され、有効でない場合は、Ionic の $ionicPopup サービスを使用して警告メッセージを表示します。

私の問題は、ユーザーが「ENTER」または（Android内の「Go」ボタン）を押して、フォーム送信を呼び出し、ポップアップを閉じて別のポップアップを開くことができることです。

ここでこれが起こっているのを見ることができます：

サンプルコード

入力にフォーカスして ENTER を押します。エラー メッセージが表示されたら、もう一度 ENTER を押して閉じます。別のポップアップが開きます (おそらく、背景の背後にある入力にまだフォーカスがあるためか、フォーム内でモーダルが作成されているためです。

その動作を回避する方法はありますか? $ionicPopup 内で ENTER を使用して、フォームを再度送信せずに閉じるか、少なくとも新しいポップアップを表示する前にアクティブなポップアップを閉じるためのコードを用意する必要がありますか? 複数のポップアップを開いたときにマウス (またはタップ) でメッセージを閉じようとすると、ユーザーはメイン画面に戻る前に他のすべてのダイアログを閉じるように求められるためです。

ポップアップへの参照を取得して close() メソッドを呼び出そうとできることはわかっていますが、うまくいきませんでした。最終的に、前のアラートが完全に閉じられる前に新しいアラートが開き、背景が画面に永久にスタックします。

助けてくれてありがとう。

私は最初の大きなイオン プロジェクトに参加しており、立ち往生しています。イオンポップアップでボタンを動的に非表示および表示する方法を誰かが考えていますか? 最初はボタンを非表示にする必要がありますが、何かが起こった後、ボタンが表示されるはずです。それを成し遂げる方法はありますか？

さらに説明すると、ここで必要なのは $ionicPopup ボタン内に角度ディレクティブを提供することです。例えば

ただし、ポップアップがレンダリングされると、ng-disabled="user.length<1"がトリミングされます。

でプロジェクトを作成しました$ionicPopup。コード$ionicPopupを.factory. 私$ionicPopup.show()はユーザーに値を入力するように求めます。ユーザーがすでに値を入力した後、ユーザーが書き込んだ値を警告します。

次の投稿も確認しましたが、問題の Access scope inside an angular js factory を解決できません。

だからここに私のコードがあります：

コントローラ

工場

デモ: http://codepen.io/aishahismail/pen/pgpdGW?editors=101

あなたの助けが本当に必要です。ありがとうございました。

Ionic アプリケーション内にグローバル エラー処理を実装しています。エラーが発生したことを知らせる IonicPopup を受け取りたいです。errorExceptionHandler については、アラートをグローバル エラー処理として保持する既存のソリューションに基づいて、新しい構成を作成しました。

これにより、すぐに次のエラーが発生しました。

angular.js:68 キャッチされないエラー: [$injector:modulerr] 次の理由により、モジュール アプリのインスタンス化に失敗しました: エラー: [$injector:unpr] 不明なプロバイダー: $ionicPopup

ここで何が欠けていますか？

私のイオンフレームワークでは、送信ボタンをクリックすると確認ポップアップが開きます。

はい のクリックで欲しいです！button別の同様のポップアップを表示します。1 つのポップアップ ボタンをクリックして別のポップアップをターゲットにするにはどうすればよいですか。

Codepen デモを探す

以下の私のコントローラーコード：