是否有角度的json格式化程序（指令/组件）？

Question

我正在将应用程序从AngularJS升级到Angular。在AngularJS中，我用https://github.com/mohsen1/json-formatter来显示一个美化的json。角度有替代方案吗？

Answer 1

您可以使用json-formatter-js包

import JSONFormatter from 'json-formatter-js';

@Directive({
  selector: 'json-formatter'
})
export class JsonFormatterDirective implements OnChanges {
  @Input() json: any;

  constructor(private elRef: ElementRef) { }

  ngOnChanges() {
    if (this.json) {
      const formatter = new JSONFormatter(this.json);
      this.elRef.nativeElement.appendChild(formatter.render());
    }
  }
}

<强> Plunker Example

或为angular2

创建相同的组件

<强> Plunker Example