1

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

谁能给我一些建议如何更改输出路径，我尝试遵循https://github.com/ocombe/ng2-translate说明，但我没有为生产中的 webpack 提供任何工作示例，并且不太清楚如何使用TranslateStaticLoader和改变18n/*.json。

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

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

这是我的 app.module.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.ts

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');
    }

}

我的 app.component.html

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

和我的 json

{
    "HELLO": "hello {{value}}"
}

谢谢你的帮助。

4

1 回答 1

0

你有什么错误？我在开发模式下使用它，它工作得很好。

于 2016-11-02T20:25:26.677 回答