如何显示在控制台上看到的数据表?

时间:2018-08-23 12:16:46

标签: html angular typescript dropdown

我正在构建一个应用程序,有人可以从两个下拉列表中选择一个选项。选择第一个显示第二个,第二个之后,用户可以看到一些数据。我可以在控制台上看到数据,但无法在页面的表中显示它们。我可以使用ngx-datatable之类的东西吗?

showInfo(value) {
       
    let selectedPro = this.diadikasies.find(diad => diad.id == value);
    this.diadikasies = selectedPro.content;
    console.log(selectedPro);
  
    }
<div *ngIf="diadikasies && diadikasies.length > 0" class="form-group">  
  <label for="diadikasies">
    <i class="fas fa-clipboard-list" aria-hidden="true"></i> Διαθέσιμες Διαδικασίες: </label> 
  <select #proc 
  (change)="showInfo(proc.value)">
  <option [ngValue]="undefined" disabled selected>Επιλέξτε Διαδικασία</option>
  <option *ngFor="let diad of diadikasies" [value]="diad.id">{{ diad.title.rendered }}</option>      
  </select>
</div>

2 个答案:

答案 0 :(得分:0)

这就是你想要的。

下次显示更多代码。

  • 你有什么
  • 你想要什么
  • console.log()输出

在您的.ts文件上,假设您具有2次选择的数据

Foo
在您的.html文件上

可以说您拥有此代码

<link data-rel="first" href="slide01.html />
<link data-rel="last" href="slide999.html />

答案 1 :(得分:0)

<div *ngIf="selectedProcess">
  <h4>{{ selectedProcess.info1 }}</h4>
  <h5 *ngIf="selectedProcess.info2">INFO</h5>
</div>

毕竟很简单...