Angular 自定义模板标签之循环 Json 数据

Angular本身自带的模板标签不支持循环 json 对象

直接看示例，可以直接复制过去使用。很好理解不在进行说明。

文件名：for-json.pipe.ts

import { Pipe, PipeTransform } from '@angular/core';

@Pipe({
  name: 'forJson'
})
export class ForJsonPipe implements PipeTransform {
  /*
  * 使用说明如下：
  *  <tr *ngFor="let data of jsonObjects | forJson; let i=index">
  *      <td>{{data.key}}</td>  key为 json 的 key
  *      <td>{{data.value}}</td>  value为 json  key对应的 value
  *    </tr>
  *
  */
  transform(value, args: string[]): any {
    const keys = [];
    for (const key in value) {
      if (value.hasOwnProperty(key)) {
        keys.push({ key: key, value: value[key] });
      }
    }
    return keys;
  }
}