問題タブ [ui-select]

の角度実装を使用していui-selectます。それは正常に動作しますが、element[0].focus()それでは動作しません。さらに説明するために、フォーカスを設定する次のディレクティブがありますui-select

私はこのディレクティブをui-select好きなように使用しています

これisSupplierInvoice()は、通常の html ドロップダウンの変更イベントで true になります。ui-selectしかし、関数が true を返してもフォーカスが得られません。ディレクティブを確認しました。通常の html 入力で問題なく動作します。

ui-select を使用しようとしていますが、コンポーネントがアレイをクリーニングしています。

例：

画面上の変数「vm.staff_hotels」の値は [1,2] です。

しかし、ng-model で変数を使用すると、値が [null,null] に変わります。

angularJS のui-select選択ボックスを使用しています。私が持っている他の選択ボックスとrtlサイト全体の方向に一致するように、選択ボックスの矢印を左側に配置する必要があります。

私が見つけたすべての例で、矢印は右側に表示されます。directionとプロパティを設定しようとしましたfloatが、何も機能しませんでした。

bootstrapui-select 選択ボックスのスタイルを使用しています。そして、「実際の」ブートストラップ選択ボックスでは、 を設定するだけで、矢印を左に簡単に移動できますdir="rtl"。

何か案は？ありがとう！

編集：

ここに公式の例がありますので、それで遊ぶことができます。

私はui-select選択ボックスと通常のブートストラップ選択ボックスを並べて使用していますが、まったく同じに見えるようにしたいと考えています。より正確には、ui-select ボックスをブートストラップ ボックスのように見せたいと考えています。

いくつかの違いに気付きました:

1. 矢印の形。
2. ホバーすると、ui-select ボックスがグレーに変わります。ブートストラップボックスはそうではありません。
3. ui-select ボックス内のオプション間には多くのスペースがあり、横には余白があります。グループ化機能がアクティブ化されている場合にのみ余白が必要です (その場合でも、グループの名前には余白があってはなりません)。
4. ui-select ボックスは、オプションを選択するとき、またはボックスを開いてからクリックして離すときにフォーカスされます。青いぼやけたブートストラップフォーカスではなく、醜い単調な青いフォーカスについて言及しています。ui-select ボックスには両方があります。
5. ブートストラップ ボックスのオプションを右クリックすると、そのオプションが選択されます。ui-select ボックスのオプションを右クリックすると、メニューが開きます。
6. ボックスが開くと、ui-select ボックスの矢印が消えます。
7. 他に気になる違いはありますか？

グループ化機能がある場合とない場合の両方で機能することを望みます。

上記の機能のいくつかは本当に気づきにくいので、ほとんどのものをカバーする答えは良いです.

これが公式プランカーへのリンクですui-select。

どうもありがとう！

オートコンプリートに angular ui-select を使用しています。ユーザーが入力を開始すると、最も一致するアイテムを透かしとして表示し、ユーザーがタブを押したときに選択する必要があります(Googleの自動提案と同じ)

画像もご覧ください。「auto」と入力すると、「complete」が透かしとして表示され、TABを押すと選択されることがわかります。

サーバーからデータを取得するためにui-selectを使用しています&ドロップダウンに入力します(検索&選択)。私はあなたのためにプランカーを作りました。

セレクターから任意の値を選択したら、さらに変更できます。しかし、削除することはできません。これどうやってするの？

私はUI-Selectを使用していますが、いずれかのタグをクリックすると青色になることに気付きました。これは、やりたいことの目的がありません。クリックしたら削除してほしいです。調べてみると、次のように発火する「x」に気付きました。

掘り下げてみると、これが発射されるテンプレートが見つかりました。それは「match-multiple.tpl.html」です。ng-click を入力にコピーして、次のようにしました。

これにより、タグシステムが壊れました（画像を参照）

編集-次を試しましたが、エラーはなくなりましたが、クリックしても何も起こりません。

「X」ではなくng-cick をタグに付けるにはどうすればよいですか?

私はたくさん閲覧しましたが、これに対する有効な解決策を見つけることができませんでした。私は ui-select multiselect UI-SELECTを持っています。'tagging' および 'tagging-label' 属性を使用して、カスタム タグをリストに追加できます。例はこのplunkerにあります。

入力すると、「カスタムタグ」の提案がリストの上部に表示されます。リストの一番下に表示するにはどうすればよいですか?

例: g を入力すると、ドロップダウンに表示されるオプションは次のとおりです。

しかし、私は次のように注文したい

私は（https://github.com/angular-ui/ui-select/） で使用angularjsしますui-select

私はこのコードを持っています:

sourceChanged関数内で、選択したアイテムのインデックスを知りたい..今、値を持っているだけです( scope.sender)..配列
内の値を検索できますが、placesいくつかある可能性があるため、それでは十分ではありません同じ価値のアイテム...

何か案が？

ありがとう ：）