angular - 如何翻译一秒页的内容？

Question

在我的第二页about中，我希望翻译变量Name并根据语言获取值。这是我的页面html：

about.component.html

<p>about works!</p>

<div class="secondText">
  {{'Name' | translate }}
</div>

我有一条错误消息->No pipe found with name 'translate'.

我认为文件about.component.ts不完整？

about.component.ts

import { Component, OnInit } from '@angular/core';

@Component({
  selector: 'app-about',
  templateUrl: './about.component.html',
  styleUrls: ['./about.component.css']
})
export class AboutComponent implements OnInit {
  constructor() {}

  ngOnInit(): void {}
}

我试图添加这个，但我总是遇到同样的问题。

import { Component, OnInit } from '@angular/core';

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

@Component({
  selector: 'app-about',
  templateUrl: './about.component.html',
  styleUrls: ['./about.component.css']
})
export class AboutComponent implements OnInit {
  constructor(public translate: TranslateService) {
    translate.addLangs(['en', 'nl', 'fr']);
    translate.setDefaultLang('en');
  }

  switchLang(lang: string) {
    this.translate.use(lang);
    console.log(42);
  }

  ngOnInit(): void {}
}

我的代码也在这里

标签： angular

Answer 1

添加AboutComponent到模块：

@NgModule({
  declarations: [AppComponent, AboutComponent],

工作堆栈闪电战