2017-06-19 14 views
0

私は両方の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 {} 

ありがとうございました!

答えて

0

問題はどういうわけかキャッシュやビルドと関係があったに違いありません。私は私のプロジェクトで脚注と翻訳コードの両方を残してしまい、ついに彼らは働き始めました。 ng serve(私はangular-cliを使用しています)を再起動したり、ブラウザをリフレッシュしたりするのは簡単ではありませんでした。私は最終的にそれを修正したものが何を引き起こしたのかは分かりませんが、質問に対する答えははいです。彼らは両方とも同じプロジェクトで働くことができます!

関連する問題