打字稿无法将翻译作为输入传递

Question

我有一个数组 (foo)，我想对其进行初始化，然后将其作为 @Input 传递到子模块中。

app.component.ts

export class AppComponent {
  foo = [{
    name: 'NAME', desc: this.translate.get('description')
   }];

 constructor(private translate: TranslateService) {
  translate.setDefaultLang('hu'); //edit (forgot to copy this line here)
  }
}

app.component.html

 <app-home [data]='foo'></app-home>

app.home.ts

 export class AppHome {
   @Input data: any;
 }

app.home.html

<h1>{{data.name}}</h1>
<h1>{{data.desc}}</h1>

我希望在我的翻译中显示名称和描述，但是没有显示任何内容，甚至没有错误。

编辑：使 foo 成为单个对象而不是数组打印出一些值，但翻译仍然不起作用 [object Object] 返回而不是描述。

Answer 1

自定义组件

import { TranslateService } from "@ngx-translate/core";
    @Component({
      selector: "app-date-picker",
      templateUrl: "./date-picker.component.html"
    })

    export class DatePickerComponent extends BaseComponentHelpers {
      @Input() placeholderText: string;

      constructor(
        public fb: FormBuilder,
        private translateService: TranslateService
      ) {
        super();
      }
    }

用法

<app-date-picker
              #currentDocumentDate
              [placeholderText]="'invoice.DOCUMENT_DATE' | translate"></app-date-picker>

打字稿无法将翻译作为输入传递

Typescript can't pass translations as Input

typescript

ngx-translate

angular