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

时间:2018-05-19 08:43:09

标签: angular ngzone

这是我的角色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函数已完成。

但已删除的资源在角网页中保留。

我希望看到没有webrowser刷新按钮的更改页面。

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

请立即看到更改页面给我建议(简单方法)

1 个答案:

答案 0 :(得分:0)

添加*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没有收到服务器响应的更新对象,因此导致视图无法更新。