【问题标题】:Angular ui-select2 - hide initial drawing/rendering of componentAngular ui-select2 - 隐藏组件的初始绘图/渲染
【发布时间】:2014-09-19 20:50:59
【问题描述】:

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

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

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

【问题讨论】:

    标签: angularjs angular-ui jquery-select2


    【解决方案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 指令中添加了一行以确保它是可见的。谢谢!
    • 没问题。如果我编辑原始回复,您介意接受吗?
    猜你喜欢
    • 1970-01-01
    • 2018-11-04
    • 2018-10-27
    • 2019-04-25
    • 2023-04-06
    • 2013-02-05
    • 2016-11-15
    • 1970-01-01
    相关资源
    最近更新 更多