問題タブ [angular-ui]

いくつかのフィルタリングを使用して、AngularUI でイベント カレンダーを作成しています。

フィルター ドロップダウンが変更されると、関数が起動され、ブードゥーを実行して $scope.events を更新する必要があります。

(短縮)

まずは6つのイベントから。たとえば、2 つの「タイプ」があり、それぞれに 3 つのイベントがあり、1 つのタイプ A と 1 つのタイプ B を呼び出すと、すべてから A に変更でき、3 つのイベントが正しく表示されます。「すべて」に戻すと、6 つ表示されます。

A から B に変更すると、カレンダーは更新されませんが、$scope.events を調べると、データが変更されたことが示されます。

フィルタリングが機能し、$scope.events が更新されています。

問題は、 $scope.events の長さが変わらない場合、カレンダーを再描画するのに適していないと思われることです。

私はしようとして$watch myMapいますが、それは決して発火しません。使用したものに絞り込みましたui-if（ui-ifを削除する$scope.myMapと、適切なgoogleマップオブジェクトになります）。ui-mapただし、AJAX / Dbクエリが終了するのを待つために、ui-ifを保持する必要があります。

myMapがスコープに追加されないのはなぜですか（どのように取得しますか）？

プランカー

編集このGitHubの問題から、ui-ifが独自のスコープを作成していることがわかります。では、どうすればそのスコープにアクセスできますか/現在どこmyMapに住んでいますか？また、なぜui-ifが新しいスコープを作成するのですか？

これが私の問題を示すplunkrです（コンソールを開く必要があります）。試してみるには？

1. モーダル表示を 2 回クリックします。

2. 通知ボタンをクリックします。次に、コンソールには次のように表示されます。

   Notification broadcasted. example.js:44 2 Notification received.

つまり、通知が 2 回受信されます。これは、モーダルのコントローラーが open() ごとに呼び出されるためです。私の問題は、モーダルに対して一度だけ呼び出されたいということです。$on() が登録解除関数を返すことは知っていますが、私のアプリではかなりの数のイベントが登録されており、モーダルが閉じられるたびにそれらを登録解除したくありません。ダイアログ自体を操作する必要があるため、 $on() を他の場所に置くこともできません。モーダル ダイアログごとに $scope イベントを 1 回だけ登録する簡単な方法はありませんか?

Angular アプリのいくつかの場所で、ESC キーを使用してユーザーからの入力をクリアする必要があります。問題は、テキスト入力フィールドでそれを行う方法がわからないことです（テキストエリアはクリアできます）。このフィドルを参照してください：

問題の jsFiddle デモンストレーション

バインディング:

私が使用するコールバック：

ESC キーでテキスト入力をクリアするために何をする必要があるか、誰でも理解できますか?

解決策: bmleiteのアドバイスに従って、'keypress' ではなく'keydown'と'keyup'をリッスンする必要があります。問題は、'keydown' が Firefox では機能しないため、'keyup' だけが ESC をリッスンして魔法のトリックを行ったことです。;)

作業フィドル: http://jsfiddle.net/aGpNf/190/

解決策の更新: 最終的に、「keydown」イベントと「keyup」イベントの両方をリッスンする必要がありました。私の場合、FFはESCキーダウンの入力フィールドを以前の状態にリセットするため、モデルが台無しになりました。したがって、「keyup」はモデルをクリアし、「keydown」はモデルが空かどうかをチェックして適切なアクションを実行します。また、テキストが再び飛び出さないように、手動で入力のフォーカスを外す必要があります。:/

私は最初のAngularプロジェクトを始めたばかりで、Angular UIを使用して選択可能なJquery UIを通過しています。テンプレート内の 1 つの要素で、現在選択されている要素 (たとえば、「ui.selected」のクラスを持つ要素) のみを更新する最良の方法は何でしょうか?

次のデータは、 Angular UIを介してselect2に添付されます: (ライブの例はこちら)

JS:

HTML:

ただし、アイテムが選択されるたびに、選択されたアイテムが でソートされidます。例えば、「リンゴ」の次に「ボート」を選ぶと、selectedアイテムは「ボート」「リンゴ」の順で！

順序を保持し、この自動ソートを無効にするにはどうすればよいですか?

私はいくつかのAngularUIモーダルを持っています。すべてのモーダルには、 [キャンセル]ボタンと[アクション]ボタン（ [作成] 、[削除]など）があります。

ui-keyupAngular UIのディレクティブを使用して、ユーザーがボタンを押したタイミングを識別します。

ユーザーがを押したときに「アクション」ボタンをクリックしたいのですがEnter。

どうすればそれを達成できますか？

これが私がこれまでに到達したところです：http：//plnkr.co/edit/n6dgiE ？p = Preview

私はangularjsに目を向けていますが、学習曲線は少し難しいようです：（（

次のフィドルを見てください。

http://jsfiddle.net/ereallstaff/QgEx9/

私には2つの問題があります：1-クラスはifステートメントngクラスを反映していません

2-エンドユーザーが選択したアイテムのみをデータベースに保存するフローを作成する必要があります。通常、jqueryを使用して、クラスを適用するチェックボックスを実行し、クラスが見つかった場合は、サーバーにデータを送信します。

この場合、双方向バインディングを使用すると、サーバーに送信するために$ scope.dataモデルから要素を削除する必要があることをイメージするだけで、問題ないはずです。

ただし、要素が正しく削除されている間、モデルの長さは5のままですが、短くなるはずです。

ありがとう*強調されたテキスト*

Bootstrap ツールチップをトリガーする要素が DOM から削除されたときに固執するため ( https://github.com/twitter/bootstrap/issues/3647およびhttps://github.com/twitter/bootstrap/issues/2298を参照) 、アプリでこの問題が発生しているときに削除されることがわかっている要素にツールチップ要素を追加したいと考えています。ドキュメントにはオプションが記載されていcontainerますが、それを機能させることができないようです。値として何を入れるべきか正確にはわかりません。文字列を jQuery セレクター (例: "#MY_ELEMENT_ID") にしようとしましたが、本体にツールチップが追加され続けました。このオプションはどのような値を期待していますか?

ちなみに、このオプションはAngular-UI で設定しています。したがって、次のようになります。

Angular-UI を介して設定すると、他のオプションは期待どおりに機能するため、問題はないと思います。何を値として設定すればよいかわかりません。

ここhttp://angular-ui.github.comからこのフィドルhttp://jsfiddle.net/ilyaD/Xe48t/3/にjQueryパススルーの例をコピーしましたが、機能していません。私は得ていますui is not defined

これはJSです：

私は何を取りこぼしたか？

アップデート:

追加uiしましたangular.module('ui.config', ['ui']).value('ui.config', {が、まだ動作していませんhttp://jsfiddle.net/Xe48t/9/