Is there a json-formatter (directive/component) for angular?

Question

I'm upgrading an app from AngularJS to Angular. In AngularJS I used https://github.com/mohsen1/json-formatter to get displayed a beautified json. Is there an alternative for angular?

@yurzui It works like in my AngularJS-App, thanks. If you post it as answer I will accept it. — Michael K.
– Michael K., Commented Aug 3, 2017 at 10:08

yurzui · Accepted Answer · 2017-08-03 10:41:46Z

10

You can either use json-formatter-js package

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

or create the same component for angular2

Plunker Example

answered Aug 3, 2017 at 10:41

yurzui

215k32 gold badges450 silver badges413 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Is there a json-formatter (directive/component) for angular?

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related