問題タブ [ui-select]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
1 に答える
1924 参照

javascript - AngularJS で ui-select モジュールのカスタム フィルタを定義するには?

html の select-field のコードは次のとおりです。

次に、テーブル リストをフィルタリングするために重要なフィールド:

カスタム フィルター selectGroup の ui-select-tag の ngModel 値をフィルターのパラメーターとして使用しています。

名前リストの値はデータベースから取得されます。QR_Group DB-Table による GET リクエストの JSON 結果は次のとおりです。

この JSON 形式は、WebAPI メソッド GetGroup から取得しています。カスタム フィルターを使用してテーブル リストに QR_Name 配列を表示するにはどうすればよいですか?

これが私の最初の考えでした:

しかし、フィルターは正しく機能しません。

0 投票する
1 に答える
1674 参照

angularjs - Angular UI Select、一意の値が事前に選択された配列

選択可能な値の一部でもある値の配列を持つ既存のエンティティを編集したいとしましょう。例えば

私の ui-select ディレクティブは次のようになります。

ただし、ui-select-choicesオプションリストは、使用したにもかかわらず、重複を削除できないようですtrack by language.id

これを正しく行う方法はありますか?

0 投票する
2 に答える
2737 参照

angularjs - ディレクティブで使用される Angularjs ui-select

timezone という cusom ディレクティブ内で angular-ui ui-select ディレクティブを使用しています。問題は、リストからタイムゾーンを選択したときに、周囲のコントローラーのモデル オブジェクトが更新されないことです。これが私のディレクティブのコードです:

私のコントローラー:

これをhtmlで使用する方法は次のとおりです。

問題は、ドロップダウン リストから新しい値を選択すると、コントローラー オブジェクトが更新されないことです。 これがjsFiddle です。他のコンポーネントで同じ仕事をしたので、ui-selectに問題があると思います。

0 投票する
0 に答える
503 参照

angularjs - カスタム ディレクティブ内の angular-ui/ui-select

カスタム angular ディレクティブ内で angular-ui/ui-select を使用しています。最初にページをロードするとき、またはブラウザーの完全な更新を行うときに、ドロップダウン矢印をクリックしてもドロップダウン メニューが表示されませんが、別の場所に移動すると、状態 (はい、私は ui-router を使用しています) をドロップダウンのある状態に戻します。ドロップダウンは正常に機能します。ここにいくつかの観察があります:

  • ディレクティブにプロトタイプの継承と分離スコープの両方を使用しようとしましたが、どちらの場合も誤った動作が発生します。
  • ドロップダウンをディレクティブの外に移動したところ、問題なく動作しました。

私が間違っていることを誰かが知っていますか?

ありがとう

0 投票する
1 に答える
225 参照

angularjs - AngularJS ui-select: 完全に入力してもオプションが追加されない

angular ui-select を使用しており、ユーザーがオートコンプリートを使用してオプションを選択できるようにしたいだけでなく、カスタム オプションを入力できるようにしたいと考えています。

次のように、タグ付けを有効にし、タグ付けラベルを使用せずにコントロールを構成しました。

以下は plunkr の例です: http://plnkr.co/edit/YW7WloZCds1XIOS6UsNs?p=preview

問題は、使用可能な色に存在する単語を入力して Enter キーを押しても、そのオプションが選択されないことです。

plunkr で、 Blueと入力して Enter キーを押すと、これを確認できます。

どこが間違っていますか?

0 投票する
2 に答える
1771 参照

javascript - Angular ui-select、選択肢の空のアイテムを無視

そのような配列があるとします。

angular ui-select を使用して、ドロップダウン選択を形成したいと考えています。3 番目のオブジェクトには「名前」が含まれていないため、表示されません。

プランカー: http://plnkr.co/edit/jbFDnJZSsGHVnC7Ty0wK?p=preview

しかし、ui-select は小さな空きスペースを表示し続けます。どうすればこれを克服できるのだろうか。感謝します。

0 投票する
2 に答える
1243 参照

angularjs - Angularjs の複数の ui-select でフォーム送信を無効にする

UI-Select for AngularJSの複数バージョンを使用する場合、ユーザーが Enter キーを押すとフォームが送信されます。多くのユーザーは、タグの入力を開始し、Enter キーを押して選択し、新しいタグを検索します。ただし、ユーザーが入力を押すと、フォームが送信されます。

これを無効にする最良の「Angular」の方法は何ですか?

を見る