首页 > 解决方案 > 当我以角度请求我的数据库时,在我的数据列表上显示一条消息

问题描述

当我向我的数据库请求一些值时,我想显示一条类似“正在搜索...”的消息。

第一个版本

<datalist id="{{row.MYOBJECT}}" >
  <option value="{{value}}">{{value}}</option>
  <option *ngFor="let i of table[row.MYOBJECT]" value="{{i.MYVALUE}}"> {{i.MYVALUE}}</option>
</datalist>

编辑

<ng-template *ngIf="!myBoolean else loading">
  <script>alert("Hello!")</script>
</ng-template>
<ng-template #loading>
  <datalist id="{{row.MYOBJECT}}">
    <option value="{{value}}">{{value}}</option>
    <option *ngFor="let i of table[row.MYOBJECT]" value="{{i.MYVALUE}}">{{i.MYVALUE}}</option>
  </datalist>
</ng-template>

我该如何管理?

标签: angular

解决方案


像那样?

 <datalist id="{{row.MYOBJECT}}" >
      <option value="{{value}}">{{value}}</option>
      <option *ngIf="table==null" value="">Searching...</option>
      <option *ngFor="let i of table[row.MYOBJECT]" value="{{i.MYVALUE}}"> {{i.MYVALUE}}</option>
    </datalist>

或者

<span *ngIf="table==null>Searching...</span>
    <datalist id="{{row.MYOBJECT}}" >
      <option value="{{value}}">{{value}}</option>
      <option *ngFor="let i of table[row.MYOBJECT]" value="{{i.MYVALUE}}"> {{i.MYVALUE}}</option>
    </datalist>

不要忘记用 NULL 值初始化表


推荐阅读