How to change html input label name by custom angular directive in Angular 7?

Question

I have multiple html forms where I should change or override input label fields name with defined custom label names using api response. Can any one tell how should I do by defining custom directive?

Eg Label name -> First Name now I have to override that label name to some custom name -> Fst Name

Answer 1

Try changing this:

this.inputElement.nativeElement.value

to

this.inputElement.nativeElement.innerText