Angular ui-select2 - 隐藏组件的初始绘制/渲染

时间:2014-07-28 15:52:21

标签: angularjs angular-ui jquery-select2

我正在使用Angular和ui-select2进行评估,并想知道是否有人可以提供隐藏<select>到select2组件的闪烁/转换的帮助。

它只是非常简短,但用户可以看到组件更改样式。

有没有办法隐藏它,直到select2修改了选择?

1 个答案:

答案 0 :(得分:1)

我遇到了同样的问题,我看了一下源代码。稍后通过使用超时有意地初始化该指令。在代码中有一条评论说“将插件初始化,以便注入的DOM不会破坏模板编译器”。

我的解决方案(你可以在这个jsplunker中看到它:http://plnkr.co/edit/fXjDxs?p=preview)是将select标签的可见性设置为“hidden”。

<select ui-select2 ng-model="....." style="visibility: hidden; ">......

当加载组件时,该标签被替换为div。在ui-select2.js中,我添加了一行(第208行),将其可见性设置为“可见”。

elm.prev().css({"visibility": "visible"});