import { ThyIconRegistry } from 'ngx-tethys/icon' ; import { HttpClient } from '@angular/common/http' ; import { Component , OnInit } from '@angular/core' ; import { DomSanitizer } from '@angular/platform-browser' ; interface GlyphIcon { name : string ; unicode : 'E0F4' ; color : '#888888' ; } interface GlyphCategory { name : string ; text : string ; description : string ; icons : GlyphIcon [ ] ; } @ Component ( { selector : 'thy-icon-all-example' , templateUrl : './all.component.html' , styleUrls : [ './all.component.scss' ] } ) export class ThyIconAllExampleComponent implements OnInit { glyphs : GlyphCategory [ ] ; constructor ( iconRegistry , domSanitizer , private http ) { } ngOnInit ( ) { this . http . get < GlyphCategory [ ] > ( `assets/icons/glyphs.json` ) . subscribe ( data => { this . glyphs = data ; } ) ; } }