引导选择插件在角ui路由器ng视图中不呈现
我使用引导选择插件创建一个扩展的Select输入字段和多个可选择的选项。我使用它的角度1.5.3应用程序设置的ui-路由器.在我需要它的地方，它是行不通的。我在该视图中包含的代码：
<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视图。
<!--<div ui-view="body"></div>-->在这里，select工作-额外的DOM节点是生成的，功能是预期的。我包括了所有必需的东西-- Boostrap.css、2.1.1 select.css、jquery-2.1.1.、bootstrap.js和bootstrap.select.js
在我看来，在角度依赖和引导之间可能有冲突-我包括
angular.module('app',[angular-storage','ui.bootstrap','ui.router','ui.router.modal','xeditable','angular-confirm'])有没有人知道什么能阻止引导css / js？？
回答 3
Stack Overflow用户
发布于 2016-05-20 12:24:29
原来JQuery + Bootstrap.js和Angular.js混在一起是自找麻烦。引导(通过JQuery)通过“抓取一个元素并修改它”来工作。角也修改DOM元素-是一个角指令(以及浏览器本机DOM元素)。我试图这样做是不可能的，最后我使用了一个角度库(ui-select)来实现我想要的。
Stack Overflow用户
发布于 2016-05-18 08:13:19
Stack Overflow用户
发布于 2022-10-17 16:24:31
我在为同样的问题而挣扎。这种方法对我有帮助。希望它也能帮助其他人在你的角度项目上安装jquery。
npm i --save-dev @types/jquery将jquery导入组件。
declare var $: any;在ngOnInit上运行以下代码
ngOnInit(): void {
$('.selectpicker').selectpicker('refresh');
}https://stackoverflow.com/questions/37281020
复制相似问题
腾讯云开发者
