如何将ngx-transalate json文件传递给组件

npm install @ngx-translate/core --save

import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { TranslateModule, TranslateLoader } from '@ngx-translate/core';
import { TranslateHttpLoader } from '@ngx-translate/http-loader';
import { HttpClientModule, HttpClient } from '@angular/common/http';

@NgModule({
  imports: [
    BrowserModule,
    HttpClientModule,
    TranslateModule.forRoot({
      loader: {
        provide: TranslateLoader,
        useFactory: (http: HttpClient) => {
          return new TranslateHttpLoader(http, './assets/i18n/', '.json');
        },
        deps: [HttpClient]
      }
    })
  ],
  declarations: [AppComponent],
  bootstrap: [AppComponent]
})
export class AppModule { }

{
  "hello": "Hello",
  "welcome": "Welcome to my app"
}

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

@Component({
  selector: 'app-my-component',
  template: `
    <h1>{{ 'hello' | translate }}</h1>
    <p>{{ 'welcome' | translate }}</p>
  `
})
export class MyComponent {
  constructor(private translate: TranslateService) {
    translate.setDefaultLang('en');
  }
}

import { Component } from '@angular/core';
import { LanguageService } from 'ngx-translate';

@Component({
  selector: 'app-language-switcher',
  template: `
    <select (change)="changeLanguage($event.target.value)">
      <option value="en">English</option>
      <option value="fr">French</option>
    </select>
  `
})
export class LanguageSwitcherComponent {
  constructor(private languageService: LanguageService) {}

  changeLanguage(lang: string) {
    this.languageService.setLanguage(lang);
  }
}