Как связать текстовое поле в html из component.ts с angular5?

Question

У меня есть HTML-страница и файл компонента.Я получаю данные из API на ngOnInit, я хочу связать текстовое поле на HTML-странице из ngOnInit.getCompanyDetails получает данные из базы данных с идентификатором, который работает нормально.Я хочу связать this.firstname в текстовом поле HTML.Вот мой код component.ts

ngOnInit() {
   this.data = this.getCompanyDetails(this.id);
   this.firstname = this.data.first_name;
}

Вот HTML-код:

<input type="text" class="form-control" placeholder="First Name" #firstname   (ngmodel)="firstname">