angularjs - Angular 用户界面树点击不起作用

标签 angularjs

我下载了 angular-ui-tree 包并将其安装在网络服务器中。我可以在浏览器中正常显示示例页面,但按钮上的所有单击操作(折叠/伸展树(Splay Tree)、添加节点等)都不起作用。我在 Firebug 中没有收到任何错误。 如果我将浏览器指向树组件的公共(public)页面 ( https://jimliu.github.io/angular-ui-tree/index.html ),它确实可以工作。

我做了一些调试,发现问题是当为 ui-tree-node 元素调用 ng-repeat 时,ng-click 操作不起作用。 在下面的代码中, test() 函数位于我的 Controller 中,如果我删除 ui-tree-node 或 ng-repeat 标签,它就会被执行。

<li ui-tree-node ng-repeat="node in mydata" > 
    <a  ng-click="test()" >{{node.title}} </a>
</li>

这是 Angular 树组件中的错误吗? 有什么方法可以在我的环境中解决这个问题吗?

最佳答案

修复方法是在顶级 ui-tree-nodes 元素中添加 data-nodrag 标签。

(在 li 元素中添加 data-nodrag 也可以)。

关于angularjs - Angular 用户界面树点击不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30084899/

相关文章:

javascript - 从另一个 Controller 单击按钮时更新第一个 Controller 的 ng-model

angularjs - 使用 ng-repeat 重复具有不同 id 和 ng-init 的相同 div

javascript - 将 md-switch 转换为 md-select

javascript - 在 Jasmine 和 AngularJS 中测试捕获 promise

javascript - 在 Angular 中将 Controller 的功能添加到某些 View

javascript - 使用 Angularjs 进行文本打印时出现延迟

javascript - Angularjs 中带有变量绑定(bind)的字符串

angularjs - 自定义指令和内置指令之间的优先级

angularjs - 为什么 gulp-filter 不能过滤掉我的 bower 包中的更少文件

javascript - 将 javascript 变量传递给 angularjs 范围