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

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

Using ng2-translate pipe or directive for placeholder

ng2-translate

angular