javascript – Angular ui-select占位符不起作用

我们一直在使用ui-select(https://github.com/angular-ui/ui-select)来选择像select2这样的主题下拉菜单.此功能在很大程度上与一个方面有所不同：默认占位符.

该代码主要遵循ui-select演示(本页的第3个示例：http://plnkr.co/edit/a3KlK8dKH3wwiiksDSn2?p=preview).

就我而言,默认文本应该是’placeholder’属性.相反,它会显示为空白,直到您选择一个选项.我们一直在使用hack,我们在Angular控制器中设置ui-select-match的值来解决这个问题,但这远非完美,显然不是应该如何使用它.

<ui-select data-ng-model="producttype.selected" theme="select2" name="product-type">
    <ui-select-match placeholder="Select a product type">
        {{$select.selected.title}}
    </ui-select-match>
    <ui-select-choices repeat="producttype in productTypeOptions | filter: $select.search">
        <span ng-bind-html="producttype.title | highlight: $select.search"></span>
    </ui-select-choices>                                               
</ui-select>

有没有人以前遇到过这个问题,或者对我们做错了什么有任何想法？

解决方法:

如果您正在禁用搜索,即使没有选择,也会隐藏占位符.

占位符span元素：

<span ng-show="$select.searchEnabled && $select.isEmpty()" class="select2-chosen ng-binding ng-hide">My Placeholder</span>

刚刚删除了“$select.searchEnabled&&”在模板.js文件中,占位符将再次出现.

正如hthabet on github所见

标签：javascript,angularjs,select,angularjs-select2,ui-select
来源： https://codeday.me/bug/20190528/1172050.html