Angularjs ui bootstrap is-open不适合下拉

前端之家收集整理的这篇文章主要介绍了Angularjs ui bootstrap is-open不适合下拉前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
好的,这是我的控制器代码

$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

猜你在找的Angularjs相关文章