ng2-translate + Webpack用于制作

时间:2016-10-26 22:53:30

标签: json angular webpack ng2-translate

我正在尝试将ng2-translate软件包与Webpack一起使用。在开发模式下,一切正常。 当我开始构建时,它不会将语言文件复制到“dist”目录。

任何人都可以给我一些建议如何更改输出路径,我尝试跟进https://github.com/ocombe/ng2-translate说明但是我没有为生产中的webpack提供任何工作示例,并且它不是很清楚如何使用{{1并更改TranslateStaticLoader

如果我添加这个,我会收到库的错误

18n/*.json

这是我的app.module.ts

@NgModule({
    imports: [
        BrowserModule,
        HttpModule,
        TranslateModule.forRoot({ 
          provide: TranslateLoader,
          useFactory: (http: Http) => new TranslateStaticLoader(http, '/assets/i18n', '.json'),
          deps: [Http]
     })
    ],
    bootstrap: [AppComponent]
})

我的app.component.ts

import {BrowserModule} from "@angular/platform-browser";
import { NgModule } from '@angular/core';
import {HttpModule} from '@angular/http';
import { AppComponent } from './app.component';
import {TranslateModule} from 'ng2-translate';

@NgModule({
  imports: [
    BrowserModule,
    HttpModule,
    TranslateModule.forRoot()
  ],
  declarations: [
    AppComponent
  ],
  bootstrap: [ AppComponent ]
})
export class AppModule { }

我的app.component.html

import { Component } from '@angular/core';
import {TranslateService} from 'ng2-translate';

import '../../public/css/styles.css';
@Component({
  selector: 'my-app',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent { 

    param: string = "world";

    constructor(translate: TranslateService) {
        // this language will be used as a fallback when a translation isn't found in the current language
        translate.setDefaultLang('en');

         // the lang to use, if the lang isn't available, it will use the current loader to get them
        translate.use('en');
    }

}

和我的json

  <div>{{ 'HELLO' | translate:{value: param} }}</div>

感谢您的帮助。

1 个答案:

答案 0 :(得分:0)

你有什么错误?我在开发模式下使用它并且它工作正常。