使用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

根据documentation，如果您的语言json文件是下面的

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

然后，您可以使用translate pipe，如下所示：

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