# Angular 中的字符串资源管理

json
{
  "welcomeMessage": "欢迎来到我的应用",
  "buttonLabel": "点击我"
}

typescript
import { Component } from '@angular/core';
import { TranslateService } from '@ngx-translate/core';
@Component({
  selector: 'app-root',
  template: `
    
{{ getLocalizedString('welcomeMessage') }}
    {{ getLocalizedString('buttonLabel') }}
  `,
})
export class AppComponent {
  constructor(private translateService: TranslateService) {}
  getLocalizedString(key: string): string {
    return this.translateService.instant(key);
  }
}

typescript
import { NgModule } from '@angular/core';
import { TranslateModule, TranslateLoader } from '@ngx-translate/core';
import { TranslateHttpLoader } from '@ngx-translate/http-loader';
import { HttpClient } from '@angular/common/http';
@NgModule({
  imports: [
    TranslateModule.forRoot({
      loader: {
        provide: TranslateLoader,
        useFactory: (http: HttpClient) => new TranslateHttpLoader(http, './assets/i18n/', '.json'),
        deps: [HttpClient],
      },
    }),
  ],
})
export class LanguageModule {}