javascript - Instructions modify the content of elements in angular4

Question

@Input('hqConversionCase') hqConversionCaseVal: string;
  @HostBinding() get innerHtml() {
    if (this.hqConversionCaseVal === "upper") {
      return this.innerHtml.toUpperCase();
    }
    if (this.hqConversionCaseVal === "lower") {
      return this.innerHtml.toLowerCase();
    }
  }

This is what I wrote. He always reported that the stack was exceeded. How can I modify the value of the element in the instruction?

Answer 1

return this.innerHtml always calls its own function, so this error will be reported.