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.rating9}

这不起作用。 但是

{{movie.movieRating.totalCount}

起作用。

---

是否有方法获取

评级9

和

计数9

评级9

位于rate数组的位置0，因此要访问它，可以使用

{movie.movieRating.rate[0]。评级9}

{{movie.movieRating.rate[0].rating9}

Rating9

位于rate数组的位置0，因此要访问它，可以使用

{{movie.movieRating.rate[0].Rating9}

{{movie.movieRating.rate[0].rating9}

movieRating

有一个名为

rate

的属性，它是

评级的列表。所以，这就像是
movie.movieRating.rate[0].rating9

但是你在这个问题中发布的HTML部分只会给出一行，那就是
评分9
的行，那么循环就没有用了。因此，将您的
速率
对象概括如下：

"rate": {
    "rating": 9,
    "count": 158
}

因此，在未来也很容易循环。。如下图所示：

"rate": {
    "rating": 9,
    "count": 158
}


{{rating}}
movieRating
有一个名为
rate
的属性，它是
评级的列表。所以，这就像是
movie.movieRating.rate[0].rating9

但是你在这个问题中发布的HTML部分只会给出一行，那就是
评分9
的行，那么循环就没有用了。因此，将您的
速率
对象概括如下：

"rate": {
    "rating": 9,
    "count": 158
}

因此，在未来也很容易循环。。如下图所示：

"rate": {
    "rating": 9,
    "count": 158
}


{{rating}}
当访问嵌套的对象数组元素时，首先必须循环通过主数组（在本例中为“movies”）。然后，您必须在movie对象中循环调用名为“rate”的嵌套数组，然后您可以按如下方式访问rate值

您的嵌套数组

movies:[{
 "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 *ngFor="let rate of movie.movieRating.rate" >
                <th><img src="#"></th>
                <td >{{movie.movieRating.rating9}}</td>
            </tr>
        </tbody>
   </table>
</div>


{{movie.movieRating.rating9}}
当访问嵌套的对象数组元素时，首先必须循环通过主数组（在本例中为“movies”）。然后，您必须在movie对象中循环调用名为“rate”的嵌套数组，然后您可以按如下方式访问rate值

您的嵌套数组

movies:[{
 "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 *ngFor="let rate of movie.movieRating.rate" >
                <th><img src="#"></th>
                <td >{{movie.movieRating.rating9}}</td>
            </tr>
        </tbody>
   </table>
</div>


{{movie.movieRating.rating9}}
您是否只需要9或其他？目前我只测试count9和rating9。您是否只需要9或其他？目前我只测试count9和rating9。