bs-select (angular-strap) 页面加载时默认打开下拉菜单

Question

我正在使用 github 提供的插件。

如何在页面加载时默认打开下拉菜单？

我尝试了不同的选项，例如 bs-show="true" 然后获取 select 的 ID 并添加点击事件，但似乎没有任何效果。

<span class="text-bold" id="godVar">
            SLA
            <button type="button" class="btn btn-default btn-sm" ng-model="model"
            ng-change=""
            data-html="1" data-multiple="1" placeholder="Select SLA" bs-show="true"
            bs-options="type for type in ::filters" max-length=1 bs-select id="test">
                <span class="caret"></span>
            </button>
        </span>

$scope.test= angular.element("#test");
$scope.test.click();

Answer 1

使用

$timeout(function() {
   angular.element('#test').trigger('mousedown')
}, 0);

此解决方案需要包含 jQuery，但由于您使用的是 click()，因此您已经包含了它。

这是一个演示 -> http://plnkr.co/edit/ScHtNPYksBXx3RqM8sCT?p=preview

bs-select (angular-strap) 页面加载时默认打开下拉菜单

bs-select (angular-strap) dropdown open by default when page load

javascript

angularjs

angular-strap