how can i show the input value from on screen key board in angular

Question

below are my code and ouput snippet any best way to show input value when click on screen key board

Answer 1

HTML:

 <input #inputTag type="hidden" value="Search">
 <button (click)="typing('A')">A</button>
    

TS:

@ViewChild('inputTag') search;

typing(character){ 
        this.search.nativeElement.value.concat(character).
}