Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/440.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 在表中以角度显示json数据_Javascript_Angularjs_Json - Fatal编程技术网

Javascript 在表中以角度显示json数据

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

我刚开始看一个老项目,我遇到了一个问题。 我想在一个表中显示一些数据,但我忘记了它是如何处理json对象和angular的

我从一个API获取数据,看起来像这样

{"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