Angular CLI HTTP 客户端获取数据但不刷新对象

Question

我正在开发 Angular cli 7 程序 我使用 Httpclient 从 Web Api .net 读取数据 我在服务器上的方法返回 json 值

getTicket(ticketId: number) {
return this.http.get<TicketModel>(
  SERVERURL/ticketId}
).pipe(map(res => res["result"] as TicketModel));

}

//为绑定创建对象模型

  selectedTicket: TicketModel = new TicketModel();

//调用getticket方法并设置在selectedTicket对象上

        this.accountService.getTicket(ticketId).subscribe(res => this.selectedTicket = res);

服务获取数据但不刷新this.selectedTicket 我最常点击 UI 或其他按钮来刷新对象

<ul class="list-inline">
   <li>
     <i class="fa fa-calendar-alt kt-font-brand "></i>
     <span style="color:#a7abc3;">تاریخ :
     </span>
     <span> {{selectedTicket.requestTime | agoTime}}
     </span>
   </li>

   <li>
      <i class="fa fa-briefcase kt-font-brand"></i>
      <span style="color: #a7abc3;">واحد : </span>
      <span>{{selectedTicket.departmentName}}</span>
   </li>

Answer 1

很难确定，因为您尚未发布组件的代码。但是，如果您使用 changeDetectionStrategy OnPush，那么如果您没有将 ChangeDetectorRef 注入组件并在需要重新呈现模板时使用它的 markForCheck 方法，就会发生这种情况。

所以，首先将它添加到组件的构造函数参数中：

 private changeDetectorRef: ChangeDetectorRef

然后更改将 this.selectedTicket 设置为此的代码：

this.accountService.getTicket(ticketId).subscribe(res => {
  this.selectedTicket = res;
  this.changeDetectorRef.markForCheck()
);