Angular6没有通过API调用预填充数据

Question

我的angular 6应用程序中有两个组件。 创建用户组件 manage-user.component

Manage-user.component有一个表，该表显示数据库中存在的所有用户。有一个用于编辑用户信息的按钮。

单击“编辑”按钮时，我想从create-user.component中打开create-user.html的视图，并以表格的形式预先填充用户数据。

下面是我的typeScript文件代码：

create-user.component

text-align:center

manage-user.component

<table class="table" style="width:100%">
   <thead>
      <tr>
         <th>Rank</th>
         <th>
            <div>Name</div>
         </th>
         <th>
            <div>Age</div>
         </th>
         <th>Price</th>
      </tr>
   </thead>
   <tbody>
      <tr> 
         <td colspan="4" style="text-align: center;">You haven’t added any data yet</td>
      </tr>
   </tbody>
</table>

我在这里面临的问题是我无法预填充数据。 我能够看到日志“在组件的用户属性中设置的值”。 但是数据没有正确填充。我不想使用ngOnInit填充数据。还有其他方法吗？