0

我有一个在 asp.net mvc 项目中使用angular-ui-tree组件的指令，它工作得非常好，但是每次渲染超过 9 个级别的树时都会出现一个主要错误。

为此，我们有一个未解决的问题，但仍未合并到 master 分支中，无论如何，我需要找到解决方法，这是我的代码：

指示：

(function () {
"use strict";

angular
    .module("app.users")
    .directive("columnConfigurationA", [
        function () {
            return {
                restrict: "E",
                scope: {
                    columnConfig: "=columnConfig"                      
                },
                link: {
                    pre: function (scope) {

                    }
                },
                controller: ["$http", "$scope", "$uibModal", "modalMsgSrv",
                    function ($http, $scope, $uibModal, modalMsgSrv) {
                        $scope.columnConfig = [];
                        $scope.carePlans = [];                           


                            getColumnConfiguration(params, $http).success(function (data) {
                                $scope.columnConfig = setVisibleColumns(-1, data.columns);
                                $scope.carePlans = data.carePlans;
                            });                           

                    }],
                templateUrl: '/sbusA/ColumnConfigurationA'
            };
        }]);
function getColumnConfiguration(params, $http) {
    var url = "/SbusA/GetColumnConfigurationA";
    return $http.get(url, { params: params });
}
})();

HTML：

<div class="plan-edit-cont">
<div class="sorteable">
    <script type="text/ng-template" id="nodes_renderer.html">
        <div class="checkbox c-checkbox mb0 mt-sm inline align-top">
            <label><input type="checkbox" ng-disabled="edition" ng-model="node.show" ng-click="disableChildrens(node)"><span class="fa fa-check"></span></label>
        </div>
        <div class="text-inverse inline" ui-tree-handle>
            {{node.title}}
        </div>
        <a role="button" class="flow-icon-sort ml-lg mr fr drag-icon draggable" ng-hide="edition" dnd-handle><i class="fa fa-sort" aria-hidden="true"></i></a>
        <a role="button" class="flow-icon-plus ml-lg fr drag-icon" ng-hide="edition" ng-click="editVital(node)"><i class="fa fa-pencil" aria-hidden="true"></i></a>
        <ul class="sub-questions-list" ui-tree-nodes="" ng-model="node.columnChilds">
            <li ng-repeat="node in node.columnChilds" ui-tree-node ng-include="'nodes_renderer.html'">
            </li>
        </ul>

    </script>
    <div ui-tree>
        <ul style="list-style: none;" ui-tree-nodes="" ng-model="columnConfig" id="tree-root" dnd-list="columnConfig" dnd-allowed-types="['node']">
            <li ng-if="node.visibleColumn === true" ng-repeat="node in columnConfig" ui-tree-node ng-include="'nodes_renderer.html'" dnd-draggable="node" dnd-type="'node'" dnd-moved="removeVital(node)"></li>
        </ul>
    </div>
</div>
</div>

这是当我有超过 9 个树级别时得到的错误：

Error: [$rootScope:infdig] 10 $digest() iterations reached. Aborting!
Watchers fired in the last 5 iterations:
4

0 回答 0