Angular 我们可以使用ng模型在html表中显示数据吗?数据库是firestore

Angular 我们可以使用ng模型在html表中显示数据吗?数据库是firestore,angular,google-cloud-firestore,Angular,Google Cloud Firestore,我想以表格格式显示数据,它出现在输入字段中,但不在表格中。为什么?我怎样才能解决这个问题 <!DOCTYPE html> <h1>Call Details Dashboard </h1> <label>Name:</label> <select [(ngModel)] = "selectedLevel" (change)="selected()" > <option *ngFor="let

我想以表格格式显示数据,它出现在输入字段中,但不在表格中。为什么?我怎样才能解决这个问题

<!DOCTYPE html>
<h1>Call Details Dashboard </h1>
    <label>Name:</label>
    <select [(ngModel)] = "selectedLevel" (change)="selected()" >
      <option *ngFor="let post of posts | async" [ngValue]="post">{{post.user}} 
      </option>
    </select>
<table class="TFtable">  
      <tr >   
          <th>Name</th> <th>Duration</th>  <th>Time</th> <th>Type</th>  
      </tr>  

  <tr *ngFor="let post of posts |async" [(ngModel)] = "selectedLevel.user">
    <td>{{ post.callDuration }}</td>
    <td>{{ post.callTime }}</td>
    <td>{{ post.callType }}</td>
  </tr>  
</table>  //require not as per my requirement


<label>Duration:</label>
<input type="type"name="callDuration" [(ngModel)]="selectedLevel.callDuration"> //wokring perfect


呼叫详细信息仪表板
姓名:
{{post.user}}
名称持续时间类型
{{post.callDuration}}
{{post.callTime}
{{post.callType}
//要求不符合我的要求
持续时间:
//沃克林完美

您正在使用输入标记显示数据。您需要使用表标记。在这里您可以看到一个表的示例代码


表中缺少
| async
。…耶!非常感谢。成功了。但是我只需要用户通过下拉菜单选择的数据,然后你需要过滤你想要的值,例如