Javascript 在表中以角度显示json数据
我刚开始看一个老项目,我遇到了一个问题。 我想在一个表中显示一些数据,但我忘记了它是如何处理json对象和angular的 我从一个API获取数据,看起来像这样Javascript 在表中以角度显示json数据,javascript,angularjs,json,Javascript,Angularjs,Json,我刚开始看一个老项目,我遇到了一个问题。 我想在一个表中显示一些数据,但我忘记了它是如何处理json对象和angular的 我从一个API获取数据,看起来像这样 {"Search":[{"Title":"Not Another Teen Movie","Year":"2001","imdbID":"tt0277371","Type":"movie","Poster":"http://ia.media-imdb.com/images/M/MV5BODYyNTQyNzAzNF5BMl5BanBnXk
{"Search":[{"Title":"Not Another Teen Movie","Year":"2001","imdbID":"tt0277371","Type":"movie","Poster":"http://ia.media-imdb.com/images/M/MV5BODYyNTQyNzAzNF5BMl5BanBnXkFtZTgwNTA4ODYxMTE@._V1_SX300.jpg"},{"Title":"Not Just Another 8 Teen Movie","Year":"2003","imdbID":"tt0381457","Type":"movie","Poster":"N/A"},{"Title":"Not Just Another 8 Teen Movie 2","Year":"2003","imdbID":"tt0397579","Type":"movie","Poster":"N/A"},{"Title":"Not Just Another 8 Teen Movie 3","Year":"2004","imdbID":"tt0408045","Type":"movie","Poster":"N/A"}],"totalResults":"4","Response":"True"}
然后我像这样界定数据的范围
$scope.AllMoviesFound = data;
然后我想在我的表格中显示所有不同的标题
<table class="table table-striped table-hover">
<thead>
<tr class="success">
<th>
<h3>Title</h3></a>
</th>
</tr>
</thead>
<tbody>
<tr ng-repeat="item in AllMoviesFound">
<td><h4>{{item.Title}}</h4></td>
</tr>
</tbody>
</table>
标题
{{item.Title}
但我不能完全让它工作。我的桌子缺了什么?你可以用
var response = '{"Search":[{"Title":"Not Another Teen Movie","Year":"2001","imdbID":"tt0277371","Type":"movie","Poster":"http://ia.media-imdb.com/images/M/MV5BODYyNTQyNzAzNF5BMl5BanBnXkFtZTgwNTA4ODYxMTE@._V1_SX300.jpg"},{"Title":"Not Just Another 8 Teen Movie","Year":"2003","imdbID":"tt0381457","Type":"movie","Poster":"N/A"},{"Title":"Not Just Another 8 Teen Movie 2","Year":"2003","imdbID":"tt0397579","Type":"movie","Poster":"N/A"},{"Title":"Not Just Another 8 Teen Movie 3","Year":"2004","imdbID":"tt0408045","Type":"movie","Poster":"N/A"}],"totalResults":"4","Response":"True"}'
;
var JsonObject= JSON.parse(response);
//或
写入
$scope.AllMoviesFound=数据代码>的意思是,例如,你有一个糖果袋,你试图吃这个袋子,这是行不通的
这里,您的电影数据位于一个名为“数据”的“框”中。所以你必须把电影放在这个盒子里才能拍摄
$scope.AllMoviesFound = data.Search
意味着您从数据中进行搜索并将其置于您的范围内。现在可以对其进行迭代
此外,您不能将ng repeat用于对象,因为它仅适用于数组。您没有在ng repeat末尾关闭双引号,谢谢,但这只是复制粘贴到stackoverflow后的一个输入错误。不是真正的问题当我说“而且你不能用ng repeat来处理对象”时,我可能还不太清楚。我的错。。。英语不是我的母语。无论如何,看起来您无法使用语法“ng repeat=”对象中的项“”来安排对象。正确的语法是“ng repeat=”(key,value)in object“'
$scope.AllMoviesFound = data.Search
$scope.AllMoviesFound = data.Search