Question

我在我的PUG模板上使用AngularJS UI树，我需要第一个节点像其他节点的标头一样，它将位于此标头内。

目前我这样做：

div(data-ng-controller="CategoryTreeController as ctController")
    div.tree-root(ui-tree="")

        // Header
        ol(ui-tree-nodes="" ng-model='ctController.header')
            li(ng-repeat="header in ctController.header" ui-tree-node="")
                div(ui-tree-handle) {{header}}

                // Categories (Child nodes of Header)
                ol(ui-tree-nodes="" ng-model='ctController.categories')
                    li(ng-repeat="category in ctController.categories" ui-tree-node="")
                        div(ui-tree-handle) {{category}}

正如您所看到的，我将控件中的标头包装在一个数组中，如下所示：_self.header = [$scope.categoriesHeader];并将其传递给我的ng-model和ng-repeat。

是否有一个更清洁的解决方案而不使用ng-repeat（因为它总是一个标题），所以我仍然可以使用标题作为我树的第一个节点？

AngularJS UI树 - 整个树

0 个答案: