Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angular/31.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
迭代angular 2中的嵌套JSON数组_Angular_Typescript - Fatal编程技术网

迭代angular 2中的嵌套JSON数组

迭代angular 2中的嵌套JSON数组,angular,typescript,Angular,Typescript,下面是我的json文件。我只想迭代奖励数组。以下内容在*ngFor中迭代。 我是这样迭代的 <ul *ngFor="let rew of gdata?.rewards"> <li> {{rew.rewardID}} </li> </ul> 如果在gdata中只有一个项目,则可以使用单个ngFor来完成,如下所示: <ul> <li *ngFor="let rew of gdata[0]?.rewards">

下面是我的json文件。我只想迭代
奖励
数组。以下内容在
*ngFor
中迭代。 我是这样迭代的

<ul *ngFor="let rew of gdata?.rewards">
     <li> {{rew.rewardID}} </li>
</ul>

如果在
gdata
中只有一个项目,则可以使用单个
ngFor
来完成,如下所示:

<ul>
    <li *ngFor="let rew of gdata[0]?.rewards">{{rew.rewardID}}</li>
</ul>

请参阅。

如果您在
gdata
中只有一项,您可以使用一个
ngFor
来执行此操作,如下所示:

<ul>
    <li *ngFor="let rew of gdata[0]?.rewards">{{rew.rewardID}}</li>
</ul>
参考

<ul *ngFor="let data of gdata">
    <li *ngFor="let rew of data?.rewards">{{rew.rewardID}}</li>
</ul>