javascript - Bootstrap-select Angular Directive(指令)不起作用

Question

我正在使用bootstrap-select作者:silvio moreto，有 Angular 。然而，selectpicker 已在 Angular 填充数据之前加载。

因此，我尝试创建一个指令，该指令将在 Angular 填充数据后刷新 selectpicker 本身。

这是脚本:

(function() {
    'use strict';

    angular.module('myapp')
        .directive('selectPicker', selectPicker);

    function selectPicker($timeout) {
        return {
            restrict: 'A',
            link: function(scope, elem) {
                $timeout(function() {
                    elem.selectpicker('refresh');
                }, 0);
            }
        };
    };

})();

我在select标签中使用它作为

<select ng-model="add.doctype" class="form-control selectpicker with-search" selectPicker data-live-search="true" title="" data-container="body" ng-options="x.tipe for x in ::Doctypes" ng-change="Newdocno()">
    <option value=""></option>
</select>

没有任何效果。指令有问题吗？

Answer 1

我找到了存储库 https://github.com/joaoneto/angular-bootstrap-select ，但是它已被弃用，但可以帮助您。