These are development utilities, and you will probably not want to include them in the production application.
npm install ngx-dev-utils --save-devImport the NgxDevUtilsModule into your AppModule
import { NgxDevUtilsModule } from "ngx-dev-utils"; ... @NgModule({ declarations: [], imports: [ NgxDevUtilsModule ], providers: [], bootstrap: [] }) export class AppModule { }This is a small library that will provide some helpful modules with components/pipes/directives that could be useful for developing Angular applications.
This is a component that will render out any object with its properties in a format that is easier to read than the json pipe.
Given an object like:
{ name:"Barry", hobbies: ["code", "boardgames", "soccer", "hiking"], profession: { title:"Software Developer", company:"Roaring Cat Games", industry: "Game Development", project: { name:"GalaxSeed", genres:["Mobile", "Arcade", "Shooter"] } } };the rendering would look like:
Selector: 'ndu-pretty-object'
Inputs: [obj]: any
@Component({ template:` <h1>My Template</h1> <ndu-pretty-object [obj]="myObject"></ndu-pretty-object> ` }) export class ExampleComponent(){ public myObject:any = { name:"Your Name", data: { type:"Sub Object", number: 1, details: ["a", "b", "c"] } } }