Question

我们有以下HTML：

<div class="btn-group search-dropdown" dropdown is-open="gender.isopen">
  <button type="button" class="btn btn-default dropdown-toggle" dropdown-toggle>
    {{sex_temp=='F'?'Female':'Male'}} <span class="caret"></span>
  </button>
  <ul class="dropdown-menu" role="menu">
    <li ng-class="{'dropdown-selected':sex_temp=='F'}">
                    <a ng-click="sex_temp='F'">Female</a>
    </li>
    <li ng-class="{'dropdown-selected':sex_temp=='M'}">
                    <a ng-click="sex_temp='M'">Male</a>
    </li>
  </ul>
</div>

在控制台中，我们收到以下错误：

Error: setIsOpen is not a function @http://127.0.0.1/lib/bootstrap-ui/ui-bootstrap-tpls-0.12.1.js:1734:5
$RootScopeProvider/this.$get</Scope.prototype.$digest@http://127.0.0.1/lib/AngularJS/angular.js:12406:23
$RootScopeProvider/this.$get</Scope.prototype.$apply@http://127.0.0.1/lib/AngularJS/angular.js:12679:13
done@http://127.0.0.1/lib/AngularJS/angular.js:8279:34
completeRequest@http://127.0.0.1/lib/AngularJS/angular.js:8484:7
createHttpBackend/</xhr.onreadystatechange@http://127.0.0.1/lib/AngularJS/angular.js:8423:1 @debugger eval code:1:1
consoleLog/<@http://127.0.0.1/lib/AngularJS/angular.js:10062:18
$ExceptionHandlerProvider/this.$get</<@http://127.0.0.1/lib/AngularJS/angular.js:7363:7
$RootScopeProvider/this.$get</Scope.prototype.$digest@http://127.0.0.1/lib/AngularJS/angular.js:12426:19
$RootScopeProvider/this.$get</Scope.prototype.$apply@http://127.0.0.1/lib/AngularJS/angular.js:12679:13
done@http://127.0.0.1/lib/AngularJS/angular.js:8279:34
completeRequest@http://127.0.0.1/lib/AngularJS/angular.js:8484:7
createHttpBackend/</xhr.onreadystatechange@http://127.0.0.1/lib/AngularJS/angular.js:8423:1

我们正在使用ui-bootstrap-tpls-0.12.1.js

我尝试添加$scope.gender={isopen:false}，但这没有帮助。

关于这里可能出现什么问题的任何想法？下拉列表工作正常。我只是想在控制台中摆脱这些错误。

Answer 1

我遇到了同样的问题，我认为它与bootstrap下拉列表的重叠有关。尝试从按钮中删除“下拉切换”类。

Answer 2

在我的例子中，它有助于简单地删除is-open属性。

Answer 3

这是2年后，但如果你使用的是旧版本（例如0.13而不是2.5），更新你的ui-bootstrap可以解决这个问题

返回setIsOpen的Angular bootstrap不是函数

3 个答案: