問題タブ [angular-ui-select]

angular-formlyフィールドタイプの助けを借りて使用されるui-select要素があります。次のような定義があります。

フィルタリングをオフにして、先行入力オプションをオフにする方法を探しているので、この要素は見た目が通常の選択のように機能します。

また、モデルを介して値をフィードする場合、クリックしてリストの選択を展開すると、値と同期しなくなります。モデルによって駆動される値ではなく、リストの最初の値が選択されます。そのための設定ですか？

私のアプリケーションで、国に対してかなりの数のドロップダウン選択肢 (コンボボックス) を使用しているとしましょう。同じコードを何度も繰り返さないようにするために、そのためのディレクティブを作成したいと考えています。

ただし、次のディレクティブを使用しても、私の期待をすべて満たすことはできません (以下を参照)。

私のテンプレートは次のとおりです。

私が期待すること：

• 最初のコンボを変更すると、モデル $scope.mydata.selectedCountry が変更されます。この変更は、2 番目のコンボにも影響/更新する必要があります。
• 2 番目のコンボを変更すると、モデル $scope.mydata.selectedCountry が変更されます。ここでも、最初のコンボが影響を受ける/更新される必要があります
• クリア ボタンを押すと、両方のコンボボックスの選択がクリアされます (クリア ボタンによりモデルが $scope.mydata.selectedCountry == null になるため)。

私は何か間違ったことをしているに違いありませんが、それを見つけることができません。この plukr で私の例を参照してください: http://plnkr.co/edit/oF1R0F1udfiRulx5NvLO?p=preview

最初のコンボボックスで変更を行うと、すべてが正常に機能するように見えることに注意してください。(2 番目のコンボは正常に更新されます) 2 番目のコンボを選択すると、バインドが「壊れている」ように見えます

これに関するヒントはありますか？

ユーザーが少なくとも 1 つのアイテムを削除しない限り、ui-select から 2 つのアイテムを選択した後、ui-select-choices を無効にします。このコードは、複数選択に最適です。limit 属性が機能していません。そこで、on-select を使用して、ユーザーが 2 つ以上の項目を選択した場合にユーザーに警告しました。ただし、要件は 2 を制限し、選択肢を無効にすることです。どうやってそれを行うのですか？

ui-select-header ( https://github.com/angular-ui/ui-select/wiki/ui-select-header-and-footer ) が計画されているようですが、利用可能になるまで回避策が必要です、良いアイデアはありますか？次のようなコントロールに「すべて選択」ボタンを追加したいと思います。

Angularjs UI select を使用しています。私は問題に直面しています。

これは私のコードです:

Javascript:

HTML:

ページのリロード時に選択したカテゴリを選択済みとして表示するにはどうすればよいですか。 .

編集 私の問題の半分は、データベースから取得した選択したカテゴリを $scope.SelectedCategories に割り当てるという nicost の提案によって解決されますが、残りの問題は、それらのカテゴリもドロップダウンに表示されることです。

ui multiselect のデフォルトの動作は、ドロップダウンから 1 つのカテゴリを選択すると、選択したものとして上のテキスト ボックスに表示され、そのカテゴリがドロップダウン リストから削除され、選択したカテゴリからカテゴリを削除すると、そのカテゴリがドロップダウン リストに表示されることです。 .

私の場合、ページのリロード時に使用可能なカテゴリのリストから選択したカテゴリを削除すると(サーバー側で行っています)、ドロップダウンに表示されませんが、選択したカテゴリを削除すると、そのカテゴリはドロップダウンリストに表示されません。

angular-mutliselect-ui-select コントロールのドロップダウン リストに項目を保持する方法はありますか? アイテムをクリックしたいので、選択済みとして追加されますが、リストに保持されます（再度クリックしても何も起こりません）。