【发布时间】:2014-09-19 20:50:59
【问题描述】:
我正在评估将 Angular 与 ui-select2 结合使用,并想知道是否有人可以提供帮助,将 <select> 的闪烁/转换隐藏到 select2 组件中。
只是很简短,但用户可以看到组件改变样式。
有没有办法在select2修改select之前隐藏它?
【问题讨论】:
标签: angularjs angular-ui jquery-select2
我正在评估将 Angular 与 ui-select2 结合使用,并想知道是否有人可以提供帮助,将 <select> 的闪烁/转换隐藏到 select2 组件中。
只是很简短,但用户可以看到组件改变样式。
有没有办法在select2修改select之前隐藏它?
【问题讨论】:
标签: angularjs angular-ui jquery-select2
我遇到了同样的问题,我查看了源代码。该指令稍后通过使用超时故意初始化。在代码中有一条注释说“延迟初始化插件,以便注入的 DOM 不会破坏模板编译器”。
我的解决方案(你可以在这个 jsplunker 中看到它:http://plnkr.co/edit/fXjDxs?p=preview)是将选择标签的可见性设置为“隐藏”。
<select ui-select2 ng-model="....." style="visibility: hidden; ">......
当组件被加载时,该标签被替换为一个 div。在 ui-select2.js 中,我添加了一行(第 208 行)以将其可见性设置为“可见”。
elm.prev().css({"visibility": "visible"});
【讨论】:
visibility:hidden css 被复制到新的 div 中。有什么想法吗?