javascript - angular-ui-tree 拖动不起作用-6ren

javascript - angular-ui-tree 拖动不起作用

转载作者：行者123 更新时间：2023-11-30 17:12:39

25

4

我正在尝试使用 angular-ui-tree渲染一棵树。当我拖动“baz”节点时，在“bar”节点下出现 Uncaught TypeError: Cannot read property '$$phase' of null。将任何其他节点拖到任何其他位置都可以正常工作。

我不明白错误消息的含义。我是 Angular 的新手。

这是我的代码:

http://plnkr.co/edit/G3dHRluoAmjiTmPmBZr2?p=preview

<!DOCTYPE html>
<html>
  <head>
    <link rel="stylesheet" href="https://cdn.rawgit.com/JimLiu/angular-ui-tree/master/dist/angular-ui-tree.min.css">

    <style>
      .angular-ui-tree-placeholder {
          background: #f0f9ff;
          border: 2px dashed #bed2db;
      }
      .angular-ui-tree-handle {
          background: #f8faff;
          border: 1px solid #dae2ea;
          color: #7c9eb2;
          padding: 10px 10px;
      }

    </style>

    <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.2.26/angular.min.js"></script>
    <script type="text/javascript" src="https://cdn.rawgit.com/JimLiu/angular-ui-tree/master/dist/angular-ui-tree.min.js"></script>
  </head>
  <body ng-app="treeApp">
    <div class="tree_section" ng-controller="treeCtrl">

      <!-- Nested node template -->

      <script type="text/ng-template" id="nodes_renderer.html">
        <div ui-tree-handle class="tree-node tree-node-content">
          {{id}} {{nodes[id].text}} {{nodes[id].child_ids}}
        </div>
        <ol ui-tree-nodes="" ng-model="nodes[id].child_ids">
          <li ng-repeat="id in nodes[id].child_ids" ui-tree-node ng-include="'nodes_renderer.html'"></li>
        </ol>
      </script>

      <div ui-tree id="tree-root">
        <ol ui-tree-nodes="" ng-model="top_ids">
          <li ng-repeat="id in top_ids" ui-tree-node ng-include="'nodes_renderer.html'"></li>
        </ol>
      </div>

      <p>top_ids: {{top_ids}}</p>

      <script>
      var treeApp = angular.module("treeApp", ['ui.tree']);

      treeApp.controller('treeCtrl', ['$scope',
        function($scope) {

          $scope.nodes = {
            '1': {
              'text': 'foo',
              'child_ids': ['2'],
            },
            '2': {
              'text': 'bar',
              'child_ids': [],
            }
          }
          $scope.top_ids = ['1']

          $scope.nodes['3'] = {
            text:'baz', child_ids:[]
          }
          $scope.nodes['1'].child_ids.push('3');
        }
      ]);

      </script>
    </div>
  </body>
</html>

最佳答案

andersManden 在 github 问题上提供的解决方案似乎是可行的解决方案，

   $scope.safeApply = function(fn) {
      var phase = this.$root.$$phase;
      if(phase == '$apply' || phase == '$digest') {
        if(fn && (typeof(fn) === 'function')) {
          fn();
        }
      } else if(phase == null){ 
          fn();
      } else {
        this.$apply(fn);
      }
    };

关于javascript - angular-ui-tree 拖动不起作用，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/26686120/

25

4

0

文章推荐： javascript - 登录后Nodejs自定义successRedirect页面

文章推荐： javascript - nextElementSibling 卡住 firefox

文章推荐： c - SNPP Kannel Redis : How to make them fully work?

文章推荐： c# - 从 POST 发回请求

tree - 如何导航 nltk.tree.Tree？
我使用以下语句对句子进行了分块: grammar = '''
R-Tree vs R+-Tree vs R*-Tree
在空间索引方面更喜欢 R+-Tree 而不是 R-Tree 的主要原因是什么？据我所知，R+-Tree 避免节点重叠导致更复杂的代码、更复杂的除法算法等。 R*-tree 与 R-tree 非常相似，
c++ - 没有匹配函数调用 ‘Tree::operator==(Tree*&, Tree*&) const’
我有这个通用树实现，但在编写递归树比较时遇到此错误。在第 89 行，我收到此错误:没有用于调用“Tree::operator==(Tree&, Tree&) const”的匹配函数这是我的代码: #i
tree - 哪些应用程序使用 R-Trees？
除了 GIS 应用程序，还有哪些其他应用程序或库使用 R 树及其变体？最佳答案电脑游戏经常如此。 Here's a link to something cool . 计算机图形学——包括软件和硬件
javascript - $tree.tree 不是函数
我正在使用名为 collective.virtualtreecategories 的附加产品在 plone 中生成一棵树。但是，我不断收到奇怪的 javascript 错误，无法显示树。在我的浏览器
tree - 检查节点是否属于 tree lisp
我必须检查一个节点是否属于 lisp 中的一棵树，但我不知道为什么它不起作用。这是我的代码: (defun number-of-elems (l) (cond ((null l) 0)
data-structures - "Complete binary tree", "strict binary tree","full binary Tree"之间的区别？
我对以下树的术语感到困惑，我一直在研究树，但无法区分这些树: a) 完全二叉树 b) 严格二叉树 c) 完整二叉树请帮我区分这些树。这些树何时何地在数据结构中使用？最佳答案完美的树:
tree - 为所有页面设置 dijit.Tree cookie
我在应用程序的多个页面上使用相同的 dijit.Tree View ，并且我希望将 cookie 保存为服务器名称，而不是文件夹名称。现在我有 3 个页面和 3 个 cookie，每个页面都有自己的
tree - 寻找 "flattening a tree"的单词
我想知道是否有一个现有的单词来描述我当前正在使用的流程。我想称之为“压扁一棵树”，但我觉得一定有更好的词或短语。输入: |--D --B | |--C | A-E | | |--G --F
python - nltk.tree.Tree 对象如何生成树的字符串表示形式？
我正在尝试理解 nltk.tree 模块。我很困惑为什么当打印 nltk.tree.Tree 对象时，它不打印出地址。相反，它打印出树的字符串表示形式。我查看了 nltk.tree 中的源代码，但我
c# - 两棵树 : one Tree's nodes contains a List of objects; the 2nd Tree's objects contains references to the first Tree's objects. 可以用C#实现吗？
我想构建 2 个树结构。第一个树将包含节点，每个节点都有我的 Range 对象的列表: class Range { public DateTime Start { get; set; }
tree - 带有图标的 Angular mat-tree 示例
有人有一个带有图标和来自服务的数据源的 mat-tree 示例吗？ Stackblitz 上的一个例子会很棒。最佳答案使用 https://stackblitz.com/edit/ng-mat-t
haskell - 为什么 Data.Tree.Tree 没有幺半群实例？
我意识到答案可能是存在多个有效的此类实例(例如整数；总和、乘积……的情况)。也许有人有比这更令人满意的答案？正如 Joachim Breitner 在此答案中出色地解释的那样 How do you
tree - 如何在 Powerbuilder Tree Datawindow 中显示不可展开的节点
我在 powerbuilder 中使用树数据窗口。这代表了树和表的混合。我的问题是:树没有明显区分可扩展和不可扩展节点。如果一个节点不可展开，该节点前面的图标仍然是加号，如果我点击加号，树会在当前节
decision-tree - R错误:fit is not a tree,中的决策树只是一个根
下午好! 我有决策树的问题。 f11<-as.factor(Z24train$f1) fit_f1 <- rpart(f11~TSU+TSL+TW+TP,data = Z24train,method=
dictionary - 哪个更快 : a "radix tree" or a "b-tree"
对于处理语言，如在常规字典单词中，阅读速度更快，是基数树还是常规 b 树？有没有更快的方法，例如带有桶和散列的字典？最佳答案与往常一样，您需要在应用程序上下文中进行基准测试才能确定。但是，我希望
tree - 教义 2 : Tree - Nestedset and InnoDB
我正在使用 Doctrine's 2 Tree-Nestedset extension使用 MySQL IndoDB 数据库。 yml 表架构如下所示: Ext\Entity\PageElement:
tree - KD-Tree 遍历(光线追踪) - 我错过了一个案例吗？
我正在尝试在我的光线追踪器中遍历 3D KD 树。树是正确的，但我的遍历算法似乎有问题，因为与使用蛮力方法相比，我遇到了一些错误(一些小表面积似乎被忽略了)。注意:所讨论的光线都不平行于任何轴。这
python - 在 nltk.tree.Tree 中查找路径
我正在使用nltk.tree.Tree来读取基于选区的解析树。我需要找到从树中的一个特定单词到另一个单词所需移动的节点路径。一个简单的例子: 这是句子“saw the dogs”的解析树: (VP
c# - B-Trees/B+Trees 和重复键
我正在研究为我的应用程序组合自定义存储方案的可能性。我认为，重新发明轮子的努力是值得的，因为性能和存储效率都是主要目标，并且其上的数据和操作比 RDBMS 提供的所有内容(无更新、无删除、预定义查询集

首页

博学

6Ren·AI

商城

javascript - angular-ui-tree 拖动不起作用