問題タブ [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.
javascript - ui-select multiple の Angularjs 検証
状況:
メールを送信するAngularアプリがあります。アドレス - 件名 - テキストの 3 つのフィールドを持つフォームがあります。
アドレス フィールドには angular ui-selectを使用しています。
アドレス フィールドの検証を除いて、すべて正常に動作しています (件名とテキストの検証は正しく機能しています)。
編集:
このバグは、バージョン 0.16.1 から修正されています。@yshaizが指摘したように。
したがって、この質問とその相対的な解決策は、ui-select バージョン < 0.16.1 に関するものです。
コード:
HTML:
角度:
プランカー:
http://plnkr.co/edit/MYW7SM9c9anH6RTomfRG?p=preview
ご覧のとおり、ui-select が必要ですが、フォームは有効なものとして解析されます。
質問:
どうすれば ui-select 複数を必須にすることができますか?
javascript - Angularjs ui-select タグ付けが機能しない
状況:
メールを送信するAngularアプリがあります。
3 つのフィールドがあります: アドレス - 件名 - テキスト。
アドレス フィールドは angular ui-selectを使用して構築されます
電子メール アドレスは、リストから選択することも、新たに入力することもできます。
問題は、新しいエントリを作成できないことです。
ドキュメントには、新しい値を入力するには、属性タグ付けを使用できると書かれています。
しかし、私は理由がわかりません。私と一緒に働いていません。
コード:
(簡単な新規タグ追加例)
プランカー:
http://plnkr.co/edit/T55LeKK66Idb3lD8DDPz?p=preview
ご覧のとおり、新しい値を挿入することはできません。
質問:
angular ui-selectに新しい値を適切に挿入するにはどうすればよいですか?
javascript - ng-repeatはホバー時に連続して発砲します
UI-Select 0.8.4 を使用していて、大きなデータ セットがあります。次に、UI-Select を使用して、データ セットの横にあるドロップダウンにプロパティ値を表示します。それをフィルターに使っています。したがって、ドロップダウンから選択すると、結果がフィルタリングされます。
ドロップダウンのアイテムにカーソルを合わせるたびに、常に ng-repeat フィルターが起動します。
私はng-repeatで大きなセットを扱っているため、これは私のアプリケーションに遅れをとっています。
どうしてこれなの?
GIF: http://i.imgur.com/cStlXzy.gif
プランカー(コンソールを開いて自分の目で確かめてください) : http://plnkr.co/edit/OxiutZ8t4IX1bOxiOTgo?p=preview
HTML:
JavaScript:
編集:「データセット配列」からプロパティ値をフィルタリングしてドロップダウンで使用しようとしましたが、機能しません。
編集 2:時計がこれをトリガーしていると思われる場合は、時計を削除しましたが、これはまだ問題です: http://plnkr.co/edit/oD3Tt3vfjtOjADMnemW1?p=preview
編集 3:これに対する解決策がまだ見つかっていないため、 selected にこだわっています。問題を作成しましたが、応答がありません。これを修正したい場合は、問題に賛成票を投じてください。
javascript - オブジェクトのAngular ui-select配列 - 最初の項目は選択できません
状況:
私のアプリでは、角度のある ui-selectを使用して、人のリスト (オブジェクトの配列) を表示しています。
1 つの小さな問題を除いて、正常に動作しています。
リストの最初の項目は選択できません。選べません。
コード:
プランカー:
http://plnkr.co/edit/CVaMvt4zBUBD2QEsfIdk?p=preview
質問:
angular ui-select - オブジェクトの配列で最初の項目を選択するにはどうすればよいですか?
ノート:
アレクサンダーからの答えは正しいものです。これは、0.9.5 未満のバージョンの ui-select に関するこの問題の解決策を提供するためです。
バージョン 0.9.5 から。この問題は解決されました。
これは GitHub で公開された問題です。
https://github.com/angular-ui/ui-select/issues/477#issuecomment-66795541
ng-grid - ng-grid の Angular ui-select
編集可能な ng-grid 内で ui-select ドロップダウンを使用しようとしています。これは私の編集可能なセル テンプレートがどのように見えるかです:-
ただし、選択した値をクラスにバインドできず、
ng-class=\"'colt' + col.index\"
コンソールに次のエラーが表示されます。
エラー: [$parse:syntax] 構文エラー: トークン '{' は、[{open: $select] で始まる式 ['colt' + col.index {open: $select.open}] の列 20 にある予期しないトークンです。開いた}]。
生成される HTML は次のとおりです。
基本的に、html は ng-class="'colt' + col.index {open: $select.open}" として生成され、中括弧は構文エラーを生成します..
誰もが同様の問題に直面しましたか?
angularjs - ui-select angularjs bootstrap undefined は関数エラーではありません
ui-select ライブラリを使用しようとすると、いくつかの問題が発生します。選択ドロップダウン機能を使用しようとしていますが、正しく機能しません。
これは使用されるライブラリです: https://github.com/angular-ui/ui-select
ここに私のHTMLコードがあります:
エラーは次のとおりです。未定義は関数ではなく、ui-selextボックスをクリックするとこのエラーが発生します。
何が問題なのかについて何かアドバイスはありますか?
ありがとうございました
PS
select.js エラー リンクをクリックすると、次のコードに移動します。
コードはサンプルコードと非常に似ているため、何が問題を引き起こしているのかわかりません。
javascript - Angular ui-select プレースホルダーが機能しない
select2 のようなテーマのドロップダウンにui-select ( https://github.com/angular-ui/ui-select ) を使用しています。この機能は主に、デフォルトのプレースホルダーという 1 つの側面から離れて機能しています。
コードは主に ui-select デモに従います (このページの 3 番目の例: http://plnkr.co/edit/a3KlK8dKH3wwiiksDSn2?p=preview )。
私に関する限り、デフォルトのテキストは「プレースホルダー」属性のテキストでなければなりません。代わりに、オプションを選択するまで空白で表示されます。この問題に対処するために、Angular コントローラーで ui-select-match の値を設定するというハックを使用してきましたが、これは完璧にはほど遠いものであり、明らかに使用方法ではありません。
誰かが以前にこの問題に遭遇したことがありますか、または私たちが間違っていることについて何か考えがありますか?
angularjs - 2 回ごとに選択時に ui-select がクリアされないのはなぜですか?
でui-select
、オプションを選択すると、on-select
コールバックは起動しますが、オプションは毎回クリアされません。
ui-select には 2 つの状態があります。
- ボタン - 実際にクリックしていない場合
- 入力 - クリックすると検索できます
起動すると、ボタンにプレースホルダー テキスト「検索...」が表示されます。それをクリックして検索を開始すると、リストが表示されます。1 つのオプションを選択すると起動しon-select
、ng-model
.
それでも、私が選択するたびng-model
に、コールバックのクリアが無視されます。
これが私のon-select
コードです:
基本的なui-select
例の plunkr を複製して修正しました: http://plnkr.co/edit/16DRYH8MbPJOy0GpogZz?p=preview
- 選択をクリックします
- テキストを検索すると、「123」が最も簡単だと思います
- 選択肢一つを選択してください
ng-model
がクリアされていることを確認します- 再検索
- 別のオプションを選択するか、同じオプションを選択してください
ng-model
がクリアされていないことを確認します
ここに画像があります。
イニシャル:
検索中:
選択後(2つおき)-これは私の問題です
2回目の選択ごとにボタンの最後の画像でクリアされないのはなぜですか?