Question

compontent.html

<mat-form-field>
 <mat-select>
   <mat-option *ngFor="let i of jsonArray">{{i.name}}</mat-option>
 <mat-select>
</mat-form-field>

如何通过索引获取json键，如{{i [0]}}

那样

Answer 1

你的ngFor循环中的

只需添加如下索引定义：

*ngFor="let i of jsonArray; let i = index"

Answer 2

我们可以通过* ng中的索引来实现json值，使用角度为5的管道

 @Pipe({name:keys})
 export class CustomPipe implements pipeTransform{
     let keys=[];
    transform(value){
         for(let key in value){
       keys.push(
            {
           id:Object.values((value[key]))[0],
           name:Object.values((value[key]))[1]
            });
    }
 }


 component.html
 <select>
 <option *ngFor="let i of jsonArray" [value]="i.id">
 {{i.name}}
 </option>
 </select>

component.ts
jsonArray=[{serialNo:1,project:"project1"},{serialNo:2,project:"project2"}]

如何在角度5的* ngFor中通过索引获取json值

2 个答案: