問題タブ [bootstrap-multiselect]

Angular Bootstrap Selectpickerを使用しています。

角度バージョン 1.4.7 を使用しています。選択ピッカーの場合、ディレクティブを提供します。

選択ピッカーは次のようになります

上記の場合、selectedUser には目盛りがあり、コントローラーから selectedUsers の値を変更すると。更新された selectedUsers オプションの目盛りは表示されません。

複数のオプションを選択すると、選択したオプションに目盛りが表示されます。次に、ビューを更新すると、 ng-model には以前の値がありますが、 ng-model の値に目盛りが表示されません。

プランカー

davidstutz/bootstrap-multiselect ドロップダウン リストを使用していますが、ドロップダウン リストを取得したときに未選択の値を取得したいと考えています。

スクリプト内:

一連の複数選択ドロップダウン コントロールがあります。1 つ目 (users) は、値の 1 つが変更されたときに 2 つ目 (userGroups) を更新し、2 つ目 (userGroups) は 3 つ目 (theaters) のリストの内容を更新します。

最初のドロップダウン (ユーザー) の onChange イベントは正常に機能しています。ただし、2 番目 (userGroups) の onChange イベントは、値の 1 つが変更されたときに発生せず、3 番目のドロップダウン (シアター) のリストを更新しません。

Javascript を使用した経験から、onChange を再初期化する必要があることはわかっています。しかし、Bootstrap の複数選択でこれを行う方法がわかりません。私のコードは次のとおりです。

誰かがこれを行う方法を教えてくれたり、少なくとも正しい方向に向けてくれるなら、とても感謝しています。前もって感謝します。

私は複数選択が初めてです。ここではグループ (学生のグループ) とスナップショットとして表示している学生のリストを選択するために、ブートストラップの複数選択を使用しています。評判がないため、スナップショットを追加できません。このリンクをご覧ください。https://drive.google.com/file/d/0B3-rBrGTl5UfTHZINHRtMzU5Wnc/view?usp=sharing . グループを選択すると、グループに属する学生が自動的に選択されます。optgroup を使用していますが、グループラベルと学生リストがあるため、役に立ちません(ここでは、学生は複数のグループに属している可能性があるため、グループと学生リストを別々に表示します)。

助けてください。

私のアプリケーションでは、顧客に短いフォームに入力するように求めています。フィールドの 1 つで、お気に入りの都市 (または訪問した都市) を 3 つ選択するよう求められます。

選択する都市のリストは非常に大きく (3,000 都市)、検索で bootstrap-multiselect を使用することを選択しました。ただし、bootstrap-multiselect は非常に多くのオプションを使用するとかなり遅くなります。

私の最大の不満は、ページの読み込み時間です。以下は 30 のオプションを含むデモです。ロードされるまで待ってから実行すると、非常に高速であることがわかります。

http://www.bootply.com/07KLihND2q

現在、以下のデモには 3K オプションがあり、読み込まれるまで待ってから実行してください。目的のフォームを取得するには、複数選択に少なくとも 3 秒かかります。

http://www.bootply.com/wK8zFCjB2D

物事をスピードアップしたり、bootstap-multiselect を私のニーズを満たす別のコンポーネントに置き換えたりする方法はありますか?

ユーザーがお気に入りの都市を (テキスト検索などで) すばやく見つけられるようにし、コンパクトで (新しいウィンドウを開くのではなく、フォームに収まるように)、ユーザーを次のいずれかに制限できるものを探しています。私が持っている3Kオプション。js-populate を使用して JSON から要素を入力できることは大きなボーナスです。

ありがとう！