1. 确保已安装@angular/localize和@ngx-translate/core依赖项：

npm install @angular/localize @ngx-translate/core

2. 在app.module.ts文件中导入TranslateModule和TranslateLoader：

import { TranslateLoader, TranslateModule } from '@ngx-translate/core';
import { TranslateHttpLoader } from '@ngx-translate/http-loader';

export function HttpLoaderFactory(http: HttpClient) {
  return new TranslateHttpLoader(http);
}

@NgModule({
  imports: [
    BrowserModule,
    HttpClientModule,
    TranslateModule.forRoot({
      defaultLanguage: 'en',
      loader: {
        provide: TranslateLoader,
        useFactory: HttpLoaderFactory,
        deps: [HttpClient]
      }
    })
  ],
  bootstrap: [AppComponent]
})
export class AppModule { }

3. 在组件中使用TranslateService：

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

@Component({
  selector: 'app-root',
  template: `
    
{{ 'HELLO' | translate }} {{ name }}!
    
{{ 'DESCRIPTION' | translate }}
  `
})
export class AppComponent {
  name = 'Angular';

  constructor(private translate: TranslateService) {
    translate.setDefaultLang('en');
    translate.use('fr');
  }
}

4. 在src/assets/i18n/文件夹中添加语言文件（例如en.json和fr.json）：

{
  "HELLO": "Hello",
  "DESCRIPTION": "This is a description."
}

5. 如果您需要在HTML中使用变量，可以像这样传递它们：

{{ 'GREETING' | translate:{ name: 'Alice' } }}

6. 在浏览器中刷新应用程序。

如果您的翻译仍然无法正常工作，请确保使用了正确的语言代码，例如“en”不是“eng”。