問題タブ [ui-select]

angularでui-selectボックスの選択された値をクリアする方法を知っている人はいますか?

selectbox に小さな x がある select2 の機能が必要です。select2 が取得した allow-clear メソッドがあるようには見えません。

状況：

私は ui-select を使用しなければならない角度のあるアプリを作成しています: ユーザー情報ページで、選択で 1 つまたは複数のタグを選択できるようにする必要があります。既存のタグを取得して表示するのに問題があるという事実を除けば、ほとんど機能しています。

コード：

意見：

コントローラ：

試行 1:

非常に奇妙な動作が発生します。ユーザーの情報ページにタグが表示されず、ui-select にも表示されません。5/6 回更新する場合を除いて、突然魔法のように機能し、ユーザー情報ページと ui-select にタグが表示されます。どちらの場合も、機能していても機能していなくても、同じ種類のエラーメッセージがいくつか表示されます。

未定義のプロパティ '長さ' を読み取ることができません。

試行 2:

この問題を解決するために、コントローラーに次のコードを追加しました。

そして、エラーメッセージはもう表示されません。アプリは安定しており、ユーザー情報ページに適切なタグが表示されます。唯一の問題は、タグが ui-select に読み込まれないことです。

新しいタグを選択すると正常に動作しますが、既存のタグが失われます。

質問:

ui-select を適切に機能させるにはどうすればよいですか? (現在 v0.8.3) コンフリクトの問題はありますか?

サーバーから既存のデータを正しく呼び出すにはどうすればよいですか?

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

オーバーフローが自動に設定された固定高さのパネルがあります。そのパネル内で、ui-select を使用しています。

選択ボックスをクリックまたは開くと、パネル フッターの後ろに隠れてしまい、ユーザーは下にスクロールして表示する必要があります。オーバーフローが設定された高さが固定されたボックスの外側に ui-select 表示を取得することは可能ですか?

プランカーリンク

Angular UISelect の問題に直面しており、uiselect の選択と繰り返しを使用してデータをそれにバインドしています。

Chromeコンソールで次の問題が表示されます

TypeError: undefined is not a function at link ( http://cdnjs.cloudflare.com/ajax/libs/angular-ui-select/0.8.3/select.js:924:11 ) の nodeLinkFn ( http://ajax ) .googleapis.com/ajax/libs/angularjs/1.2.16/angular.js:6579:13 ) compositeLinkFn ( http://ajax.googleapis.com/ajax/libs/angularjs/1.2.16/angular.js: 5986:15 ) nodeLinkFn ( http://ajax.googleapis.com/ajax/libs/angularjs/1.2.16/angular.js:6573:24 ) で compositeLinkFn ( http://ajax.googleapis.com/ajax/ libs/angularjs/1.2.16/angular.js:5986:15 ) publicLinkFn ( http://ajax.googleapis.com/ajax/libs/angularjs/1.2.16/angular.js:5891:30 ) で boundTranscludeFn (http://ajax.googleapis.com/ajax/libs/angularjs/1.2.16/angular.js:6005:21 ) controllersBoundTransclude ( http://ajax.googleapis.com/ajax/libs/angularjs/1.2.16 ) /angular.js:6600:18 ) ngRepeatAction ( http://ajax.googleapis.com/ajax/libs/angularjs/1.2.16/angular.js:20084:15 ) で Object.$watchCollectionAction [as fn] ( http://ajax.googleapis.com/ajax/libs/angularjs/1.2.16/angular.js:12128:13 )

IE コンソール私は各レコード im バインディングに対してこれを参照してください

TypeError: nodeLinkFn ( http : //ajax.googleapis . com/ajax/libs/angularjs/1.2.16/angular.js:6579:13 ) compositeLinkFn ( http://ajax.googleapis.com/ajax/libs/angularjs/1.2.16/angular.js:5986:15 ) ) nodeLinkFn ( http://ajax.googleapis.com/ajax/libs/angularjs/1.2.16/angular.js:6573:24 ) で compositeLinkFn ( http://ajax.googleapis.com/ajax/libs/angularjs ) /1.2.16/angular.js:5986:15 ) publicLinkFn ( http://ajax.googleapis.com/ajax/libs/angularjs/1.2.16/angular.js:5891:30 ) で boundTranscludeFn (http://ajax.googleapis.com/ajax/libs/angularjs/1.2.16/angular.js:6005:9 ) controllersBoundTransclude ( http://ajax.googleapis.com/ajax/libs/angularjs/1.2.16 ) /angular.js:6600:11 ) $watchCollectionAction ( http ://ajax. googleapis.com/ajax/libs/angularjs/1.2.16/angular.js:12128:13 )

ドロップダウンするとドロップダウン値が表示されませんが、値を選択すると選択済みとして表示されるため、行がバインドされていることがわかります。

奇妙なことは、サンプルアプリケーションで同じコードを使用すると、魅力的に機能することです

Angular-UISelect を使用して、ドロップダウンの検索を有効にしています。

今、私は挑戦しています。

1. ユーザーから 3 分の文字を取得し、3 文字に基づいて REST Api をヒットし、API からの結果を UISelect にバインドする、コントローラー レベルのフィルター (アプリではなくコントローラーにスコープ) を作成する必要があります。

手順:

1. UIselect の初期ロードにはデータがありません。
2. ユーザータイプ 3 文字
3. 3 文字で REST API を呼び出すフィルター (コントローラー スコープ) を起動します。
4. REST API 応答を UISelect にバインドします。

UISelect のデモを見ると、既にバインドされているデータを検索します。

それをどのように進めるかについてのいくつかの入力が必要です。

強調表示されたアイテムのスタイルを更新しようとしましたが、それを行う方法が見つかりませんでした。

複数選択でjQueryなしでui-selectを使用しています。どんな助けでも大歓迎です。

イダン。

これはビューでの私のUI選択です:

そして、これは私のコントローラーの関連コードです:

サーバーから取得されたラベルは、理論的には次のようになります。

また、渡された from-outside ラベル 'passedLabel' は、理論的にはそれらの 1つに似てい$scope.labelsます。たとえば、次のようになります。

...私が理論的に言っているのは、経験的に、角度がそれらに追加するもののためにそれらが異なることがわかっているからです(たとえば$$hashKey、または__proto__)。

したがって、その違いにより、$scope.selectedLabel.selected = $scope.passedLabelは ui-select の対応する項目と一致しません (それらは同じオブジェクトではありません)。したがって、その結果は次の動作になります。

初期選択を正しく設定するにはどうすればよいですか? オブジェクト比較の代わりに ID を使用する方法はありますか? 私はこのようなことを避けたいfor:

これは期待どおりに機能すると確信していますがfor、ajaxが戻った後にそれを呼び出す必要があります...そして、他のUI選択もあります

誰かが次のことが起こる理由を説明できますか?

私は ui-select を使用し、次の html を持っています:

問題は「on-select」ディレクティブに関するものです。

コントローラーで、モデル データを保持する「プログラム」オブジェクトを宣言します。

「onSelect」メソッドが呼び出されると、「ui-select」ディレクティブと「cinemaId」からモデルを直接送信します。

オンセレクトから送信したばかりのモデルをコンソール ログに記録すると、常に 1 つの値が短く表示されます。

CinemaId を使用して、冗長タイムアウト内の $scope から「プログラム」モデルにアクセスすると、すべての値でモデルが更新されます。

理由はありますか？