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 回答
3

错误：[ui.select:transcluded] 应为 1 .ui-select-match 但得到“0”。

最近在 Github 页面上修复了此错误。只需将 ui-select 更新到 v0.14.3。

参考：https ://github.com/angular-ui/ui-select/issues/224

于 2016-03-02T16:15:58.580 回答
1

您必须访问此链接并按照其示例进行操作。

你可以按照它的例子

我个人更喜欢用 uiselect2，它比 uiselect 更强大更简单

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 回答
0

正如@CanerÇakmak 所说，我在 ui-select-choices 和 ui-select-match 中都添加了一个名为 tag 的类

前任：

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

它奏效了！谢谢

PS：我正在使用 ui-select v0.19.X 和 Angular v1.5.X （这似乎是发生此错误的时候）

于 2017-04-27T14:42:48.580 回答