Angular国际化 (i18n) 与 *ngFor: 构建多语言应用

typescript
// app.component.ts
import { Component } from '@angular/core';
@Component({
  selector: 'app-root',
  template: `
    
      
{{ 'WELCOME_MESSAGE' | translate }}
    
  `,
})
export class AppComponent {}

typescript
// task-list.component.ts
import { Component } from '@angular/core';
@Component({
  selector: 'app-task-list',
  template: `
    
      
        {{ task.name | translate }}
      
    
  `,
})
export class TaskListComponent {
  tasks = [
    { name: 'Task 1' },
    { name: 'Task 2' },
    { name: 'Task 3' },
  ];
}