私は両方のngx-restangular 1.0.11 & @ ngx-translate 7.0.0を同じプロジェクトで使用しようとしています。しかし、私は一度に一人だけ働くことしかできません。インポート中に呼び出される各ファクトリにログステートメントを入れ、そのうちの1つだけが一度に呼び出されます。私はうんざりです! Angular 4で両方をうまく使った人はいますか?は、ngx-restangularと@ ngx-translate/coreは一緒に動作できますか?
ここには両方を含めることを試みるプランナーがあります。 https://plnkr.co/edit/ecefQcRHV3q5UTZa5H8q?p=preview。それぞれが含まれていない場合は、それぞれが動作することができますが、両方のアプリに入れて、1つだけ動作します。 (私はそれが他のものに切り替える一貫性のある方法を考え出していない - ちょうど作用しているものをコメントアウトすることは、常に他のものを働かせることではない)
私のapp.ts
ファイル):
import { Component, NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { HttpModule, BaseRequestOptions, Http } from '@angular/http';
import { RouterModule } from '@angular/router';
import { MockBackend } from '@angular/http/testing';
import { RestangularModule } from 'ngx-restangular';
import { MissingTranslationHandler, TranslateModule, TranslateLoader } from '@ngx-translate/core';
import { TranslateHttpLoader } from '@ngx-translate/http-loader';
import { App } from './app.component.ts';
import { routes } from './app.routes.ts';
import { MyMissingTranslationHandler } from './my-missing-translation-handler';
export function HttpLoaderFactory(http: Http) {
console.log("in translator config");
return new TranslateHttpLoader(http, './assets/i18n/', '.json');
}
export function RestangularConfigFactory (RestangularProvider) {
console.log("in restangular config");
RestangularProvider.setRestangularFields({
id: "_id"
});
}
@NgModule({
declarations: [App],
imports: [
BrowserModule,
HttpModule,
RouterModule.forRoot(routes),
RestangularModule.forRoot(RestangularConfigFactory),
TranslateModule.forRoot({
missingTranslationHandler: {
provide: MissingTranslationHandler,
useClass: MyMissingTranslationHandler
},
loader: {
provide: TranslateLoader,
useFactory: HttpLoaderFactory,
deps: [Http]
}
}),
],
providers: [],
bootstrap: [App]
})
export class AppModule {}
ありがとうございました!