【问题标题】:Angularjs ui bootstrap is-open not working for drop downAngularjs ui bootstrap is-open 不适用于下拉
【发布时间】:2014-08-03 11:57:27
【问题描述】:

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

$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 时,下拉菜单不受影响。为什么?这很令人沮丧。

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

提前致谢。

【问题讨论】:

  • 建议您在 plunker 中创建一个复制问题的演示

标签: angularjs twitter-bootstrap pug


【解决方案1】:

您可能会遇到范围继承问题。尝试将isopen 放入范围内的对象中并以这种方式访问​​。

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


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

【讨论】:

  • 你能用 Plunker 做一个现场演示吗?这将真正帮助人们解决问题。您是否更改了 div 中的正确变量? div(ng-click="store.isopen = !store.isopen")
  • 没关系,有旧版本的角度引导程序。还是谢谢。
猜你喜欢
  • 2014-04-08
  • 2019-02-24
  • 1970-01-01
  • 2019-10-19
  • 2015-03-04
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2017-11-01
相关资源
最近更新 更多