首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >引导选择插件在角ui路由器ng视图中不呈现

引导选择插件在角ui路由器ng视图中不呈现
EN

Stack Overflow用户
提问于 2016-05-17 15:52:17
回答 3查看 596关注 0票数 1

我使用引导选择插件创建一个扩展的Select输入字段和多个可选择的选项。我使用它的角度1.5.3应用程序设置的ui-路由器.在我需要它的地方,它是行不通的。我在该视图中包含的代码:

代码语言:javascript
运行
复制
<select name="jobdomainTeamId"
        class="form-control selectpicker"
        data-live-search="true"
        multiple=""
        style="display: none;"
        ng-model="data.detailView.jobDomain.teams"
        ng-options="team.id as team.displayName for team in data.detailView.teams"
>
    <option value="">No selection</option>
</select>

属性'selectpicker‘和’data search‘应该触发Bootstrap来动态创建一个提供额外功能的节点。但是,当我将其添加到角度视图--选择是不可见的(style="display: none;")时,什么都不会发生。

但是,当我向index.html添加完全相同的代码时,注释掉ng视图。

代码语言:javascript
运行
复制
<!--<div ui-view="body"></div>-->

在这里,select工作-额外的DOM节点是生成的,功能是预期的。我包括了所有必需的东西-- Boostrap.css、2.1.1 select.css、jquery-2.1.1.、bootstrap.js和bootstrap.select.js

在我看来,在角度依赖和引导之间可能有冲突-我包括

代码语言:javascript
运行
复制
angular.module('app',[angular-storage','ui.bootstrap','ui.router','ui.router.modal','xeditable','angular-confirm'])

有没有人知道什么能阻止引导css / js??

EN

Stack Overflow用户

发布于 2016-05-18 08:13:19

您在select中定义了style='display:none',因此它按照预期工作。如果您想要隐藏它,请使用指令五皮来代替,在某些情况下,您应该对特定的操作使用角UI

票数 1
EN
查看全部 3 条回答
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/37281020

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档