問題タブ [angularjs-select2]

jqueryのselect2プラグインを使用するangularjsでui-select2を使用しています。事前に定義されたリストがあり、何かを検索し始めたときに、それがリストに見つからない場合は、新しい値を追加したいと考えています。私はこのようなことをしています:

しかし、クリックは機能せず、addCountry のコンソールは印刷されません。angular js で ui-select2 の新しいオプションを追加する方法はありますか?

ng-repeat-ed テーブル行があり、その中には一対の angular がありますselect:

コントローラーは次のとおりです。

$scope.selectedChannelこれで、selects の 1 つが選択されると、対応するオブジェクトが ng-model スコープ変数 (または$scope.selectedDevice) に設定されることがわかりましたが、明らかに対応する ng-repeat 子スコープに設定されます。

コントローラーで子スコープにアクセスするにはどうすればよいですか? ユーザーがボタンを押したときにすべての選択を保存したいのですが、midiCtrlコントローラーでそれを実行しようとすると、によって作成された子スコープにアクセスできませんng-repeat。

すべてを連携させる方法を理解するのに苦労しています。これが私がやりたいことです：

モデルは残りの API から $resource を使用してフェッチされます。

返されたアイテムにはいくつかのフィールドがあり、その中にはカテゴリの ID をリストする 1 つの配列フィールドがあります。

UI では、これらのカテゴリを編集可能な複数選択として表示したいと考えています。ユーザーは ID を使用して操作するのではなく、アプリケーション内のマッピングから得られる文字列表現を見て、選択できる必要があります。したがって、htmlで：

そしてコントローラーでも：

明らかに、上記のコードは機能しておらず、それらを機能させて自分のやりたいことを実行する方法がわかりません。ui-select2 は、モデル (item.categories) をオブジェクト {id, text} の配列にする必要があり、データベース内のアイテムの ID のみを保存し、マッピングを分離したいと考えています。私が最初にそれを行うことはできません。解決策があるはずです。助けてください。

ありがとう

Angular の $http ディレクティブを使用してサーバーからタグのリストを取得し、それを使用して select2 選択を設定しようとしています。私のコードは次のようになります。

ただし、「タグ」は更新されていません。または、「タグ」は更新されていますが、select2 ウィジェットが適切にバインドされていないようです。

ビューは次のようになります。

完全なテスト アプリケーションの要点は次のとおりです: https://gist.github.com/poundifdef/6544542

select2 モジュールを不適切に使用していますか? それとも、モジュール自体にバグがありますか?

angular-UI select2を使用して私が抱えている問題を説明するための架空の例。「ゲーム」モデルを編集したい画面があるとしましょう。ゲームには、とりわけプレイヤーがいます。select2ドロップダウンメニューからプレーヤーを設定できるようにしたい。コードの例を次に示します: app.js

view.html

この「ゲーム」オブジェクトを保存したいときは、ゲーム オブジェクトをサーバーに送信します。サーバーは、game.players がオブジェクトの配列であることを期待しています。ただし、送信されるのは文字列です。私はangularにある程度精通しており、select2はまったく初めてです。select2 で game.players を文字列ではなくオブジェクトの配列として設定するにはどうすればよいですか?

AJAX multiselect を使用した Angular ui-select2 - 最終的な選択値を json ではなく ID として取得する

問題文

モデル内の ID の配列を編集するために、tokeninput/chosen/select2 スタイルの UI コントロールを使用したいと考えています。その ID の配列は、私がエディター/フォームを作成している大きなモデルの 1 つのプロパティの値です。ID の配列を編集した後、モデルをサーバーに送信するときに、そのプロパティを json オブジェクトの配列としてではなく、ID の配列として送信する必要があります。

angular の ui-select2 コンポーネントを使用すると、プロパティの内容が json オブジェクトの配列に置き換えられます。編集が完了した後にそれを元に戻す方法は明確ではありません。間違ったコンポーネントを使用している可能性があると思いましたが、Angular でこの種のことを行う場合、すべてのスレッドが ui-select2 の使用を指しているようです。

説明

データ モデルは、ID の配列である「myProp」プロパティから始まります。

ui-select2 ディレクティブは、これらの ID を json オブジェクトに置き換えます。ui-select2 がロードされたモデルの例を次に示します。(このプランカーのライブデモ: http://plnkr.co/edit/vEf1VwnRHNYdB9AuR9zO ):

モデルを保存するときに、このプロパティをjson オブジェクトの配列ではなく、 ID の配列としてサーバーに送信する必要があります。したがって、基本的には、配列を json オブジェクトではなく id だけにフラット化したいと考えています。select2 API は、この ID の配列を返すvalメソッドを提供します。angular の ui-select2 コンポーネントのコンテキストでどのように使用できますか?

警告:複数のプロパティのページでこれを複数回行っているため、プロパティに固有のハードコードされた修正は機能しません。select2で編集しているプロパティに対して自動的に発生するものでなければなりません

サンプルコード

(このプランカーのコードを参照してください: http://plnkr.co/edit/vEf1VwnRHNYdB9AuR9zO )

キーボードの下矢印キーのselect2で、サーバー呼び出しを回避する必要があります。サーバー呼び出しがリストを再度更新し、下矢印キーの機能が機能しないためですが、方法はありませんか? select2 についての予備知識がないので、select2.js でこのイベントが処理される場所を教えてください。