TranslateModule配置不工作

Question

我已創建以下文件隔離ngx-translate配置：

import { 
 
    Http 
 
} from '@angular/http'; 
 
import { 
 
    TranslateHttpLoader 
 
} from '@ngx-translate/http-loader'; 
 
import { 
 
    TranslateLoader, 
 
    TranslateModuleConfig 
 
} from '@ngx-translate/core'; 
 

 
// AoT requires an exported function for factories 
 
export function HttpLoaderFactory(http: Http) { 
 
    return new TranslateHttpLoader(http); 
 
} 
 

 
export function translateModuleConfig(): TranslateModuleConfig { 
 
    return { 
 
    loader: { 
 
     provide: TranslateLoader, 
 
     useFactory: HttpLoaderFactory, 
 
     deps: [Http] 
 
    } 
 
    }; 
 
}

然後，我簡單地使用我的應用程序模塊內的以下imports部分：

TranslateModule.forRoot(translateModuleConfig)

但它不是實際上工作了，不像當我有配置直接內聯而不是函數。我做錯了什麼？

Answer 1

試着改變你的函數是：

export function translateModuleConfig() { 
    return { 
    loader: { 
     provide: TranslateLoader, 
     useFactory: HttpLoaderFactory, 
     deps: [Http] 
    } 
    }; 
} 

，然後在app模塊做到這一點：

TranslateModule.forRoot(translateModuleConfig());