时间戳

首页 > 解决方案 > 如何在角度网页中立即检测更改的数据

angular - 如何在角度网页中立即检测更改的数据

问题描述

这是我的角度 html 代码。

 <tr *ngFor="let asset of myRequestResumeList">


            <td class="asset-properties">{{asset.userId}}</td>

            <td class="asset-properties">{{asset.requestDetails}}</td>

            <td class="asset-properties">{{asset.requestResumeAssetId}}</td>
            <td>
              <form>

                <div>
                  <button (click)="updateAuthentication(asset.userId, asset.requestDetails, asset.requestResumeAssetId, '인증' );" type="submit">승인</button>
                  <button (click)="revokeRequestUser(asset.requestResumeAssetId);" type="submit">거부</button>
                </div>
              </form>
            </td>


          </tr>

单击按钮（updateAuthentication）时，资产匹配的asset.userId 将从myRequestResumeList 中删除。

updateAuthentication 功能完成。

但已删除的资产仍保留在角度页面中。

我想查看没有浏览器刷新按钮的更改页面。

我研究 ChangeData(Ng zone) 但对我来说很难。我不知道如何将 Ng zone 应用于我的代码。

请给我建议（简单的方法）以立即查看更改的页面

标签： angularngzone

解决方案

添加*ngIf="asset.userId"

<td class="asset-properties" *ngIf="asset.userId">{{asset.userId}}</td>

但是添加ngIf会td破坏你的桌子，所以使用span里面td，比如<td><span *ngIf="asset.userId"> {{asset.userId}}</span></td>

编辑

问题是 OP 没有收到来自服务器的响应更新的对象，因此导致视图没有得到更新。

推荐阅读