Angular2如何从ngFor只获取一个值答案

【问题标题】：Angular2 How to get only one value from ngForAngular2如何从ngFor只获取一个值
【发布时间】：2017-09-05 17:49:41
【问题描述】：

我目前正在从服务器获取深层嵌套的 json 对象并使用管道来解析它们。

但即使我只想获得一个值，它也会循环每个键。我怎样才能做到这一点？

这些是代码

管道

从“@angular/core”导入 { Pipe, PipeTransform }；

@Pipe({name: 'keyValues'})
export class KeysPipe implements PipeTransform {
  transform(value, args:string[]) : any {
    let keys = [];
    for (let key in value) {
      keys.push({key: key, value: value[key]});
    }
    return keys;
   }
 }

HTML 模板

 <div *ngFor="let detail of teaInfo | keyValues">
     <div *ngFor="let basicinfo of detail.value | keyValues">
            <p>School: {{basicinfo.value}}</p>
     </div>
 </div>

结果

school:example1

school:example2

school:example3

school:example4

school:example5

school:example6

我也试过了

  <div *ngFor="let detail of teaInfo | keyValues">
         <div *ngFor="let basicinfo of detail.value | keyValues">
                 <p>School: {{basicinfo.value['example2']}}</p>
          </div>
      </div>

结果

 school:

 school:example2

 school:

 school:

 school:

 school:

仍然循环不给价值..

但我只想得到

school:example2

没有循环任何东西..

我们将不胜感激！

【问题讨论】：

标签： angular ngfor

【解决方案1】：

这可能会做你想要的：

<div *ngFor="let basicinfo of detail.value | keyValues | splice:2:1">

【讨论】：