使用 ng2-translate 管道或指令作为占位符

Question

我想使用 ng2-translate 作为占位符。我发现这样做的唯一方法是使用 ng2-translate 服务并将变量传递给占位符，如下所示：

class Form {
  placeholder: string;

  constructor(translate: TranslateService) {
    translate.get('placeholder.value').subscribe(
      (placeholder: string) => this.placeholder = placeholder,
    );
  }
}

<input type="email" placeholder={{placeholder}}/>

但是看起来很笨重。有没有办法将 ng2-translate 用于带有管道或指令的占位符？

Answer 1

根据文档，如果您的语言 json 文件如下

{
  "placeholder": {
    "value" : "Your placeholder text"
  }
}

那么你可以使用translate pipe如下：

<input type="email" [placeholder]="'placeholder.value' | translate" />