javascript - 循环遍历嵌套对象

我想遍历嵌套对象。

"movieRating": {
"rate": [{
    "rating9": 9,
    "count9": 158
}, {
    "rating8": 8,
    "count8": 101
}, {
    "rating7": 7,
    "count7": 32
}, {
    "rating6": 6,
    "count6": 48
}, {
    "rating5": 5,
    "count5": 125
}],
"totalCount": 456}

这是我的HTML档案

<div *ngFor="let movie of movies" class="container">
    <table   class="table">
        <tbody>
            <tr >
                <th><img src="#"></th>
                <td >{{movie.movieRating.rating9}}</td>
            </tr>
        </tbody>
   </table>
</div>

如果我尝试{{movie.movieRating.rating9}}，则无法正常工作。
但是{{movie.movieRating.totalCount}}有效。
有没有办法获取rating9和count9。

最佳答案

Rating9位于速率数组的位置0，因此可以使用{{movie.movieRating.rate[0].rating9}}对其进行访问。

<div *ngFor="let movie of movies" class="container">
    <table   class="table">
        <tbody>
            <tr >
                <th><img src="#"></th>
                <td >{{movie.movieRating.rate[0].rating9}}</td>
            </tr>
        </tbody>
   </table>
</div>