所有必需的库都可用。但我收到错误:
angular.js:11855 Error: [ngRepeat:dupes] Duplicates in a repeater are not allowed. Use 'track by' expression to specify unique keys. Repeater: item in list, Duplicate key: string:", Duplicate value: "
http://errors.angularjs.org/1.3.15/ngRepeat/dupes?p0=item%20in%20list&p1=string%3A%22&p2=%22
at REGEX_STRING_REGEXP (angular.js:263)
at ngRepeatAction (angular.js:24831)
at Object.$watchCollectionAction [as fn] (angular.js:14373)
at Scope.$get.Scope.$digest (angular.js:14508)
我可以通过将 $index 的跟踪添加到 ng-repeat 来解决此问题,但这与主页上给出的示例代码不同:https ://github.com/angular-ui-tree/angular-ui-tree
索引.html:
<!doctype html>
<html ng-app="app">
<head>
<script src="js/jquery-1.11.2.js"></script>
<script src="js/angular.js"></script>
<script src="js/angular-ui-tree.js"></script>
<script src="tree.js"></script>
<link rel="stylesheet" href="js/angular-ui-tree.min.css" />
</head>
</head>
<body ng-controller="MainCtrl">
<div>
<div ui-tree>
<ol ui-tree-nodes="" ng-model="list">
<li ng-repeat="item in list track by $index" ui-tree-node>
<div ui-tree-handle>
{{item.title}}
</div>
<ol ui-tree-nodes="" ng-model="item.items">
<li ng-repeat="subItem in item.items track by $index" ui-tree-node>
<div ui-tree-handle>
{{subItem.title}}
</div>
</li>
</ol>
</li>
</ol>
</div>
</div>
</body>
<div ui-tree>
<ol ui-tree-nodes="" ng-model="list">
<li ng-repeat="item in list" ui-tree-node>
<div ui-tree-handle>
{{item.title}}
</div>
<ol ui-tree-nodes="" ng-model="item.items">
<li ng-repeat="subItem in item.items" ui-tree-node>
<div ui-tree-handle>
{{subItem.title}}
</div>
</li>
</ol>
</li>
</ol>
</div>
</html>
tree.js :
var app = angular.module('app' , ['ui.tree']);
app.controller('MainCtrl',function($scope, $timeout) {
$scope.list = "[{ \"id\": \"1\", \"title\": \"1. dragon-breath\", \"items\": [] }]"
});
更新 :
“不工作”是指屏幕上没有显示任何内容,只是将错误返回到控制台。