顯示的圖標動態地角2

Question

我試圖加載我的網站dynamially.I的一部分都爲我的圖標圖標類在這樣

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 

}; 

的界面和接口定義

export interface IAppConfig { 

employee:string; 
employee1:string; 
} 

我導入此使用

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

現在我的組件我有一個ngFor在那裏我有顯示我的數據的動態。我基於鏈接名稱，我必須顯示適當的圖標。

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

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

 
</div>

即如何顯示的圖標。我想是這樣

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

這是可以做到在任何方式或有任何其他的方式來實現這一目標？請幫忙

Answer 1

查看：

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

    <i [ngClass]="getTheClass(x.linkName)" id="iconBack"></i> 

</div> 

在類

：

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