8

angularjs で ui-select ディレクティブを使用しようとしていますが、表示されません。ドキュメントに従ってみましたが、これが私がしたことです:

 <ui-select ng-model="form.gender" theme="bootstrap">
    <ui-select-choices repeat="gender in genders">
        {{ gender.name }}
    </ui-select-choices>
</ui-select>

次に、性別の配列があります。

$scope.genders = [
    {
        name: 'Male'
    },
    {
        name: 'Female'
    }
];

私はこれまでこのディレクティブを実際に使用したことがないので、何が間違っているのか少し混乱しています。

ブラウザ コンソールにエラーは表示されません。モジュールもアプリに含めました。

性別の単純なドロップダウン以上に使用したいのですが、これができればこれ以上の問題はないと思います。:)

編集：ブラウザのキャッシュをクリアしてページを更新しましたが、今回はエラーに気付きました：

Error: [ui.select:transcluded] Expected 1 .ui-select-match but got '0'.
4

5 に答える 5

5

タグとして名前が付けられたクラスを追加するだけです。

 <ui-select ng-model="form.gender" theme="bootstrap">
    <ui-select-choices class="ui-select-choices" repeat="gender in genders">
        {{ gender.name }}
    </ui-select-choices>
</ui-select>
于 2016-03-28T11:49:59.960 に答える
1

このリンクにアクセスして、その例に従う必要があります。

その例に従うことができます

個人的には、uiselect よりも強力でシンプルな uiselect2 を使用することを好みます。

uiselect2 のリンク

于 2015-09-16T09:26:14.877 に答える
0

.ui-select-toggle > .caret { pointer-events: none } エラーの問題を修正: [ui.select:transcluded] Expected 1 .ui-select-match but got '0'. 私のため

于 2016-12-09T10:10:07.377 に答える