如何使用angular5绑定来自component.ts的html中的文本框？

Question

我有一个html页面和一个组件文件。 我从ngOnInit上的api获取数据，我想从ngOnInit绑定html页面中的文本框。 getCompanyDetails从ID正常工作的数据库获取数据。 我想在HTML文本框中绑定 this.firstname 。 这是我的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">