angezeigte Symbole dynamisch in Winkel 2

Question

Ich versuche, ein Teil meiner Website zu laden dynamially.I haben alle Symbol-Klassen für meine Symbole in der Schnittstelle wie diese

definiert

import { OpaqueToken } from "@angular/core"; 
import {IAppConfig} from './app.interface' 

export let APP_CONFIG = new OpaqueToken("app.config"); 

export const AppConfig: IAppConfig = {  

employee:"circular tabbaricon users icon", 
employee1:"circular tabbaricon users icon" 
....etc 

}; 

und die Schnittstelle

export interface IAppConfig { 

employee:string; 
employee1:string; 
} 

ich diese auf meine Komponente am Import

constructor(@Inject(APP_CONFIG) private config: IAppConfig) { } 

Jetzt mit ich habe eine ngFor, wo ich meine anzeigen müssen Daten dynamica.ie basierend auf dem Linkname muss ich entsprechende Symbol anzeigen.

<div class="ui column" *ngFor="let x of funtionalities.routeLinks "> 
 

 
<i class={{config+'.'+x.linkName}} id="iconBack"></i> 
 

 
</div>

dh wie das Symbol .Ich so etwas wie

<i class={{config.x.linkName}}></i> 

darstellen mag, ist dies möglich, jede in Art und Weise zu tun, oder gibt es eine andere Möglichkeit, dies zu erreichen ?. Bitte helfen Sie

Answer 1

in der Ansicht:

in der Klasse:

import config from "./config.ts' 
... 
getTheClass(appendix){ 
    return config[appendix] 
}