如何使用Ionic检索嵌套的json对象数据

Question

我正在使用来自The Movie Database的api。在我的Ionic项目中，我能够发出一个http请求来为电影提供一些数据。但是json对象是一个嵌套的json对象，所以我在尝试访问电影的类型时遇到了一些麻烦：

出于这个问题的目的，我将显示1个嵌套的json对象：

我想显示如此信息 - ＆gt;类型：动作 - 喜剧 - 戏剧

我的控制器代码如下：

$scope.init = function(){
        MovieService.getMovieById($stateParams.id).then(function(data){
            $scope.trending_movie = data;
            console.log($scope.trending_movie);

            $scope.genres = data.genres;
            console.log($scope.genres);

        });
    }

如果我这样做一下代码：

$scope.genres = data.genres;

它只返回遇到类型的json对象，如：

现在我能够读出这些类型，但因为我使用ng-repeat访问数据会显示如下：

如何在不必重复单词“Genre”的情况下获得1行的流派？

这是我的HTML代码：

<div ng-repeat="genre in genres">
    <p class="movie-info-p">Genre: {{genre.name}}</p>
</div>

Answer 1

你应该得到＆＃34;类型：＆＃34;超出你的重复次数，如果你想让你的类型在同一行，你不应该把它们放在

标签中。

有这个解决方案：

<div> Genre:
 <div ng-repeat="genre in genres">
   <span class="movie-info-p">{{genre.name}}</span>
 </div>
</div>

另一个解决方案是使用for循环在控制器中生成此字符串并将其发送到视图