Angularjs ui bootstrap is-open不适合下拉

发布时间：2020-12-17 16:58:00 所属栏目：安全来源：网络整理

导读：好的,这是我的控制器代码： $scope.isopen = false; 这是我的模板文件(在Jade中) div(ng-click="isopen = !isopen") {{ isopen }}div.dropdown(is-open="isopen") div.dropdown-toggle Click me ul.dropdown-menu li Asdf 因此,当我点击最初显示为false的div

好的,这是我的控制器代码：

$scope.isopen = false;

这是我的模板文件(在Jade中)

div(ng-click="isopen = !isopen") {{ isopen }}

div.dropdown(is-open="isopen")
    div.dropdown-toggle Click me
    ul.dropdown-menu
        li Asdf

因此,当我点击最初显示为false的div时,下拉菜单就不会受到影响.为什么？这非常令人沮丧.

当我点击“Click me”本身时,下拉菜单工作正常,但我想通过使用is-open来切换它.

提前致谢.

解决方法

您可能遇到了范围继承问题.尝试将isopen放入作用域中的对象并以此方式访问.

$scope.store = {};
$scope.store.isopen = false;


div.dropdown(is-open="store.isopen")
    div.dropdown-toggle Click me
    ul.dropdown-menu
        li Asdf

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!