Question

所以这是我的json文件

{
	"title" : "My skills",
	"webStack" : [
		"HTML5",
		"CSS3",
		"JavaScript",
		"jQuery / AngularJS",
		"SASS / Stylus",
		"Bootstrap / Pure CSS"
	],
}

这是我的html文件

<!DOCTYPE html>
<html lang="en" ng-app="myApp">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
</head>
<body ng-controller="skillsController">
	<h1>{{skills.title}}</h1>
	<ul>
		<li ng-repeat="item in skills.webStack">
			{{skills.webStack.item}}
		</li>
	</ul>
	<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.15/angular.min.js"></script>
	<script>
		var myApp = angular.module('myApp', []);
			myApp.controller('skillsController', function($scope, $http) {
			$http.get('skills.json').success(function(data) {
				console.log('this is data:',data);
				$scope.skills = data;
			});
		});
	</script>
</body>
</html>

但在浏览器中我只能看到一个空列表我该如何纠正使用ng-repeat？请说，我必须做什么？

Answer 1

将{{skills.webStack.item}}更改为{{item}}。

在ng-repeat中输入了以下内容： <li ng-repeat="item in skills.webStack">

所以，基本上，你说的是：

对于集合item中的每个skills.webStack，我想打印item本身

如何使用ng-repeat正确？

1 个答案: