0

角度ツリーを使用しています。それは正常に機能していますが、分岐時のノードの間隔が機能していません...つまり、それらはすべて互いに距離を置いているのではなく、一直線に並んでいます。また、ブラウザコンソールでこのエラーが発生しています。

Error: Lexer Error: Unexpected next character  at columns 36-36 [?] in expression ['level-' + 1 + (row.branch.selected ? ' active':'')].
at Error (<anonymous>)
at throwError (http://localhost:8080/AngularJS/js/scripts/angular.js:6309:11)
at lex (http://localhost:8080/AngularJS/js/scripts/angular.js:6272:9)
at parser (http://localhost:8080/AngularJS/js/scripts/angular.js:6466:16)
at http://localhost:8080/AngularJS/js/scripts/angular.js:7080:29
at compileToFn (http://localhost:8080/AngularJS/js/scripts/angular.js:8973:16)
at Object.Scope.$watch (http://localhost:8080/AngularJS/js/scripts/angular.js:8305:19)
at http://localhost:8080/AngularJS/js/scripts/angular.js:13541:11
at nodeLinkFn (http://localhost:8080/AngularJS/js/scripts/angular.js:4774:13)
at compositeLinkFn (http://localhost:8080/AngularJS/js/scripts/angular.js:4365:15) <li ng-repeat="row in tree_rows | filter:{visible:true} track by row.branch.uid" ng-animate="'abn-tree-animate'" ng-class="'level-' + {{ row.level }} + (row.branch.selected ? ' active':'')" class="abn-tree-row ng-scope abn-tree-animate-enter-setup"> 

ここに私のhtmlファイルがあります

<ul class="nav nav-list abn-tree">
 <li ng-show="header" class="nav-header">{{ header }}</li>
 <li ng-repeat="row in tree_rows | filter:{visible:true} track by row.branch.uid" ng- animate="'abn-tree-animate'" ng-class="'level-' + {{ row.level }} + (row.branch.selected ?  ' active':'')" class="abn-tree-row"><a id="{{ row.label }}" ng-  click="user_clicks_branch(row.branch)"><i ng-class="row.tree_icon" ng-click="row.branch.expanded = !row.branch.expanded" class="indented tree-icon"> </i><span   class="indented tree-label">{{ row.label }}</span></a></li>
</ul>
4

1 に答える 1

0

私のangular-bootstrap-nav-treeを使用しようとしているようです。

このプロジェクトは最近更新され、Bootstrap 2 または Bootstrap 3 で正常に動作し、Angular 1.1.5 または Angular 1.2.0 でも動作するようになりました (現在は MIT ライセンスです)。

現在、これらの異なるバージョンの Bootstrap と Angular を使用した 4 つの実用的なサンプル ページがあります。もう一度見てください - あなたはそれを機能させることができると確信しています。

于 2013-11-03T16:55:34.310 に答える