Hello, I'm working on a page that allow the user to add student name in the textbox and display the name on the table rightaway. the user can add up to 3 names. I tried to store in array and display. this page is angular Typescript. NOTE:******Typescript and it not Java Script*******

This is my code

export class names implements OnInit { //the array size is 3 names:any=new Array(3)

ngOnInit():void{

}

//when user click add button addnames(name:string){ this.names.push(name) } }

//HTML file

Student Names

Student name

//when the user type in to textbox I want to display rightawy on the table

Add Student Names