首页 / JAVASCRIPT / javascript – Angular ui-select占位符不起作用

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

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – Angular ui-select占位符不起作用，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1215字，纯文字阅读大概需要2分钟。

内容图文

我们一直在使用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 – Angular ui-select占位符不起作用全部内容，希望文章能够帮你解决javascript – Angular ui-select占位符不起作用所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/817495.html

来源：【匿名】