angular - 当我以角度请求我的数据库时,在我的数据列表上显示一条消息
问题描述
当我向我的数据库请求一些值时,我想显示一条类似“正在搜索...”的消息。
第一个版本
<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>
我该如何管理?
解决方案
像那样?
<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 值初始化表
推荐阅读
- python - 抽象层中的 Django 应用程序通信
- android - 当导航抽屉打开时,如何添加我的浮动操作按钮焦点和可点击?
- c# - Roslyn 错误“不支持添加文档”
- javascript - 如何在 JavaScript 中使用来自 Github 的模块?
- html - Bootstrap Navbar切换图标按钮在点击时不显示导航项目?
- delphi - FMX TMemo 和 BeginUpdate
- python-3.x - 无法在另一台计算机上从其字节码重新创建 .pdf 文件
- microsoft-teams - Microsoft Teams HttpPost Action 打印 http 返回状态
- connected-components - 如何以直接或间接的方式按公共元素对连接的数组进行分组
- javascript - 识别导致“拒绝执行脚本的脚本,因为它的哈希、随机数或‘不安全内联’...... f 内容安全策略