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

Posted 2023-05-07

【中文标题】Angular ui-select2 - 隐藏组件的初始绘图/渲染

【英文标题】：Angular ui-select2 - hide initial drawing/rendering of component

【发布时间】：2014-09-19 20:50:59

【问题描述】：

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

只是很简短，但用户可以看到组件改变样式。

有没有办法在select2修改select之前隐藏它？

【参考方案1】：

我遇到了同样的问题，我查看了源代码。该指令稍后通过使用超时故意初始化。在代码中有一条注释说“延迟初始化插件，以便注入的 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 中。有什么想法吗？

你是对的。我使用的是旧版本。我已经建立了一个jsplunker：plnkr.co/edit/fXjDxs?p=preview。我的解决方案是在选择中保留“可见性：隐藏”，并在 ui-select2.js（第 208 行）中添加了一行代码，以在加载组件时更改 div 的可见性。

这就是我最终所做的:) - 我实际上已经在 ui-select2 指令中添加了一行以确保它是可见的。谢谢！

没问题。如果我编辑原始回复，您介意接受吗？