如何在占位符上使用转换指令

Question

请帮助我。我正在使用Google翻译API来翻译我的网站。 我做了一个translate指令，以便翻译一些html内容。例如 <span translate>Good morning </span>

这是我发出指令的方式

import { Directive, ElementRef, AfterContentInit } from '@angular/core';

@Directive({
  selector: '[translate]'
})
export class TranslateDirective implements AfterContentInit {

  constructor(private elt: ElementRef) {
  }

  ngAfterContentInit() {
    const a = this.elt.nativeElement.textContent
    this.transSvc.translate(a).subscribe(
      (res: any) => {
        this.elt.nativeElement.textContent = this.escapeHtml(res.data.translations[0].translatedText);
      },
      err => {
       // console.log('err', err);
      })
  }
}

我的指令使用nativeElement.textContent来翻译文本。 那么我该如何自定义指令，使其也可以在占位符上使用？