Question

我正在创建一棵树。我在这里使用2个控制器。但是我无法从控制器加载数据。因为一个控制器。如果我删除控制器数据正在加载但我无法折叠树。如果我使用该控制器树正在折叠，但数据未加载..

<div ng-controller="projectPorfolioController">
    <ul id="browser" class="filetree">

      <li><span class="folder">Tree</span>
        <ul>

            <li ng-controller="PagesController"><span class="folder">Pages</span>
                <ul><span  class="file" ng-repeat="rol in results">{{rol.name}}</span></ul>
            </li>
        </ul>
      </li> 
    </ul>

    </div>

控制器..

vtafController.controller('PagesController', [
                    '$scope',
                    '$q',
                    'RESTService',
    function($scope, $q, RESTService) {
                            RESTService.getPages().then(
                                    function(results) {
                                        $scope.results =results;
                                        console.log(results);

                                }, function() {
                                        console.log(Error);
                                    });
                        }   ]);

控制器2（这是控制器，如果我删除此数据正在加载）

vtafController.controller('projectPorfolioController', [
                                        '$scope',
                                        '$q',
                                        'RESTService',
                                        function($scope, $q, RESTService) {

                                            // first example
                                            $("#browser").treeview();

                                            // second example
                                            $("#navigation").treeview({
                                                persist: "location",
                                                collapsed: true,
                                                unique: true
                                            });

                                            // third example
                                            $("#red").treeview({
                                                animated: "fast",
                                                collapsed: true,
                                                unique: true,
                                                persist: "cookie",
                                                toggle: function() {
                                                    window.console && console.log("%o was toggled", this);
                                                }
                                            });

                                            // fourth example
                                            $("#black, #gray").treeview({
                                                control: "#treecontrol",
                                                persist: "cookie",
                                                cookieId: "treeview-black"
                                            });

                                        }

                    ]);

Answer 1

我对你的实施感到困惑。

为什么不将两个方法放在同一个控制器中？

[编辑]我犯了这个错误像这样的东西？

<强> projectPorfolioController.js

vtafController.controller('projectPorfolioController', ['$scope', '$q', 'RESTService',
 function($scope, $q, RESTService) {
    RESTService.getPages().then(
        function(results) {
            $scope.results = results;
            console.log(results);
        }, function() {
            console.log(Error);
        });
    // first example
    $("#browser").treeview();
    // second example
    $("#navigation").treeview({
        persist: "location",
        collapsed: true,
        unique: true
    });
    // third example
    $("#red").treeview({
        animated: "fast",
        collapsed: true,
        unique: true,
        persist: "cookie",
        toggle: function() {
            window.console && console.log("%o was toggled", this);
        }
    });
    // fourth example
    $("#black, #gray").treeview({
        control: "#treecontrol",
        persist: "cookie",
        cookieId: "treeview-black"
    });
}
}]);

<强> tree.html

<div ng-controller="projectPorfolioController">
<ul id="browser" class="filetree">

  <li><span class="folder">Tree</span>
    <ul>

        <li><span class="folder">Pages</span>
            <ul><span  class="file" ng-repeat="rol in results">{{rol.name}}</span></ul>
        </li>
    </ul>
  </li> 
</ul>
<ul id="navigation" class="filetree">

  <li><span class="folder">Tree</span>
    <ul>

        <li><span class="folder">Pages</span>
            <ul><span  class="file" ng-repeat="rol in results">{{rol.name}}</span></ul>
        </li>
    </ul>
  </li> 
</ul>
</div>

删除＆＃34; ng-controller =＆＃34; PagesController＆＃34;＆＃34;来自<li>

我是angularJS的新手，但我一直致力于一个使用它约3个月左右的项目。如果我在这个假设中错了，请纠正我，但我认为这将起到加载数据和div的jquery操作可以全部放在1个控制器文件中的作用。

如何折叠角树

1 个答案: