問題タブ [angularjs-select2]

AngularJS UI を介してソフトウェアをデプロイするプロジェクトに取り組んでいます。現在のビューでは、展開の対象となる環境を選択する必要があります。環境の可能なリストはスコープに保存され、選択のオプションが構築されるものです。

また、このページには、環境が設定される現在のアイテムを変更するドロップダウンがあります。ドロップダウンから既存のアイテムを選択すると、既存のアイテムからEnvironmentsプロパティが取得され、Select2 ボックスで正しい要素が選択されます。これにより、明らかにtransformParams.EnvironmentIdsモデルが更新されます。そのモデルを更新して、選択する環境を変更しようとしましたが、役に立ちませんでした。

Angular 1.2のバグ修正を見たことがありますが、1.0.7 で立ち往生しており、この段階で Angular をアップグレードするオプションがありません。

ui-select2 Angular ディレクティブを使用しようとしていますが、github リポジトリには次のように記載されています。

すべての select2 オプションは、ディレクティブを介して渡すことができます。サポートされているオプションのリストとその機能の詳細については、Select2 ドキュメント ページを参照してください。

ディレクティブは機能していますが、単純なオプションを渡すことができません (つまり、無視されます)。例えば：

html

js

ui-select2 から呼び出される select2 ドロップダウンがあります。ajax 呼び出しを行うカスタム クエリ関数があります。

これが私の問題です。ajax 呼び出しが 401 を取得した場合 (たとえば、ユーザー セッションがタイムアウトした場合)、アプリ全体のハンドラーは、ユーザーをログイン ページ (実際にはページ全体ではなく、部分的なもの) にインテリジェントに再ルーティングしますが、select2 によって制御されるドロップダウンまだそこにあり、コールバックを待っています。

ドロップダウンで空の結果を送信しても、query.callback({results:[]})「結果が見つかりません」と表示されます。

select2 に「このクエリ リクエストのことは忘れて、とりあえず立ち去ってください」と伝えるにはどうすればよいですか?

サンプルコード:

問題は、ユーザーが (実際には部分的に) ログインにリダイレクトされたとしても、私がそれを言わないと、ドロップダウンが残ることです。

ui-select2 コンポーネントで require/ng-require を使用すると問題が発生します。再利用性の理由から ui-select2 をカスタム ディレクティブでラップしましたが、それを操作するために必要なものを取得できません。

これはプランカーです: http://plnkr.co/edit/2NaGvDWoEw14BN2few9W?p=preview

ディレクティブなしで試してみましたが、動作しています: http://plnkr.co/edit/uE698iFcUNnsYVF2fkOO?p=preview

複数の select2 でのリモート データの読み込みに問題があります。私のコードは

getリクエストから値を返しますが、選択すると入力ボックスで未定義が返されます。

したがって、これは興味深い状況であり、解決策が見つからず、それが可能かどうか疑問に思っています. 無限スクロール (ページング) を備えた select2 ボックスが必要ですが、結果をグループ化できるようにしたいと考えています。私が知っていることの 1 つは、まだ終了していないグループにデータを挿入する必要がないということです。ユースケースは次のとおりです。

年齢層別に並べ替えられたユーザーを表示する select2 ボックス。12 歳から 18 歳の年齢層があり、一度に 10 人のユーザーだけを引き戻したいと考えています。これらのユーザーを 12 ～ 18 歳のグループに追加するにはどうすればよいですか?