angularjs - 在 AngularJS 中使用 Bootstrap-select

Question

我正在尝试实现 http://silviomoreto.github.io/bootstrap-select/到我的 AngularJS 应用程序。

大多数尝试做同样事情的人，他们都会遇到在 Angular 获取数据之前设置选择器的任何问题。但对我来说，情况并非如此。当 Select Picker 被触发时，我的选择包含所有数据，但由于某种原因，下拉切换事件没有触发。

HTML:

<select id="partyRole" name="partyRole" class="form-control" ng-model="partyRole" ng-options="role as role.text for role in partyRoles">
    <option value="">Please Select...</option>
</select>

JS 调用将 selectpicker 添加到我的所有选择中。

JS:

$(window).bind("load", function () {
    return $('select').selectpicker();
});

我也在使用这个指令来绑定(bind) selectpicker 数据:

https://github.com/joaoneto/angular-bootstrap-select/blob/master/build/angular-bootstrap-select.js

最终用户界面



正如您所看到的，div 是从 selectpicker 中创建的，我还获得了所有数据。但是单击按钮什么也不做。

我在带有 Bootstrap 样式表的应用程序中有 Angular UI、Angular JS。

编辑:

没关系，我从 github 下载的 angular 指令的版本可能处于损坏状态，因为在我从今天更新的代码中应用它之后......它起作用了。

Answer 1

通常，您不希望在一个文件中有一些 jQuery，而在另一个文件中有一些 AngularJS。如果 jQuery 创建元素等，它们可能不会被 Angular 拾取。

正确的解决方案是使用 Angular 指令。在这里，它看起来像 somebody made one for you .