問題タブ [ui-select2]

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

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

コレクションを取り込んでドロップダウンを作成するディレクティブがあります。

これはうまくいきます。ドロップダウンを問題なく構築します。ドロップダウン値を変更すると、2 番目のウォッチ関数が呼び出され、コレクション選択の値が必要な値に設定されていることがわかります。ただし、ディレクティブに入れた collectionchoice は、新しい選択にバインドされません。

それが HTML マークアップです。

これはJavaScriptです：

次に、新しいユーザー ロールを投稿するときに、ユーザー ロール フィールドを次のように設定します。

しかし、ドロップダウンを更新したにもかかわらず、これは最初の項目のままであり、ウォッチ機能に従って正しい値に変更されました。ここで何が欠けていますか？

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 を使用して、単純な Yes/No ドロップダウンを表示します (ID として true と false の値を使用)。
• ngModel を使用して、ドロップダウンの値をモデルにバインドします
• true/false 値を使用してテキストボックスを有効/無効にする

こちらがプランカー

チェックボックスが機能する通常の例と、select2の例があります。

違いは、select2 ドロップダウンを値の配列にバインドしていることです。また、JSON は true/false 値に関連付けられた文字列のデータ型を反映しているようです。つまり、文字列「true」と「false」としてバインドされています。

編集: タグの値は文字列にしかできないことを認識しています。したがって、私の答えを見てください。

Oleg のselect2 demoを使用していますが、ドロップダウン メニューで現在選択されている値を変更できるかどうか疑問に思っています。

たとえば、読み込まれた 4 つの値が"Any", "Fruit", "Vegetable", "Meat"で、ドロップダウン リストのデフォルトがである場合、JqGrid イベントで"Any"それを変更するにはどうすればよいでしょうか。"Fruit"loadComplete

これは可能ですか？

「ui_select2」ディレクティブでangularjsを使用しています。Select2 は書式設定機能を使用して新しいタグを描画します。「ng-click」属性を持つ「」要素があります。新しいDOM要素についてangularjsに伝える方法は? そうしないと、新しい「ng-clicks」が機能しません。

HTML:

JS (角度コントローラー):

問題は、select2 が angularjs によってまだ発見されていない DOM 要素を作成することです。angularjs $compile 関数を使用して新しい DOM 要素をいくつかの要素に追加する必要があることを読みましたが、コントローラーでは使用できません。

Angular を 1.2 RC 2 から 1.2 final にアップグレードし、select2.js を 3.4.0 から 3.4.3.1 にアップグレードしました。現在、いくつかのドロップダウンで値が正しく表示されていないことに気付きました。

ドロップダウン値は実際に設定されており、ドロップダウンを開くと強調表示されます。バッキング モデルの値が最初に設定されている場合は、正しく表示されます。後で設定した場合、たとえば HTTP 呼び出しが返された後またはタイムアウトした後、$scope.apply を使用しても、ドロップダウンは設定された値をレンダリングしません。

Angular 1.2 が削除された後、Angular UI 自体 (UI 選択を含む) が更新されていないことに気付きましたが、これは奇妙に思えます。

ワーキング プランカー:
http://plnkr.co/edit/unQGrqUr7IJinDEioERf?p=preview

plunker の app.js に注意してください。短いタイムアウトの後、次数タイプ ID の値が 2 に設定され、「Associates」にマップされます。ドロップダウンには、その値の代わりにプレースホルダー テキストが引き続き表示されますが、ドロップダウンを開くと Associates が選択されています。

この機能は、アップグレード前に機能していました。この点で重大な変更について何も飛び出していないので、これはUI-selectで対処する必要があると思いますか? それとも、以前はうまくいかなかった何か間違ったことをしていたのでしょうか?

コードを選択:

生成されたコード: (ui-select2="{allowClear: true}" の削除)

結果: http://i.imgur.com/iStWMMn.png

問題: ご覧のとおり、生成されたコードでは 3 番目のオプションが選択されており、ドロップダウンを開くと (画像) も選択されていますが、(初めて開く前に) 閉じている間は、選択したオプションが表示されません。

それがどのようにとどまり、どのようにあるべきか: http://i.imgur.com/D5EchRr.png

それで...（生成されたhtmlで）選択された場合、選択されたように表示されないのはなぜですか？

複数選択を有効にして AngularJS + Select2 を実装しようとしています。

完全な angular-ui パッケージを含めると機能しますが、完全なバージョンは使用したくありません。

だから、私は同じことをしようとしましたが、 ui-select2 モジュール自体を含めるだけで、initSelection がこのように機能しないことに驚きました。

両方の試行を説明するために 2 つのプランカーを用意しました。最初の例は機能しません。ui-select2 モジュールのみが含まれていることを示し、2 番目の例は機能し、完全な angular-ui パッケージが含まれています。

1º 例 (動作しません) http://plnkr.co/edit/YOrzQKGx3py24Lf3JQ2Z?p=preview

2º 例 (作品) http://plnkr.co/edit/ZeYgJyLHo30hTi2DerJZ?p=preview

select2 の下にある「set selected」ボタンをクリックします。

これを約12時間処理した後、行き詰まりました。angularjs+angular-ui Guru は、ここで何が起こっているかを知っていますか?

これを ui-select2.js だけで機能させる必要があるため、例 1 を機能させる必要があります。

何か案は？

どうもありがとうございました。