我們如何獲得Helper類對組件的響應並在angular 7中與HTML綁定？

Question

下面是我創建的AppointmentHelper類

export class AppointmentHelper {

public static bindAssessements(servicedata: any,
    appointmentService: AppointmentService,
    serviceDeliveryGuid: string): any {
    appointmentService.getAssessments(serviceDeliveryGuid)
      .subscribe((response: any) => {
        if (response && response.data) {
            this.servicedata = response.data
        }
    }, () => {
      // Error Block
    });
  }
}

在我的主要組件中，我試圖像下面這樣調用helper類

ngOnInit() {   
  servicedata :any;
    this.serviceDeliveryGuid = '13c22f96-163e-40cf-b13a-e6832154d985';
    AppointmentHelper.bindAssessements(this.servicedata, this.appointmentService, this.serviceDeliveryGuid);
  }

但是我無法從助手類中獲取數據。

因此，您能否建議我如何才能從Helper類獲得對組件的響應並在angular 7中綁定HTML？

Answer 1

您輸入錯誤：

public static bindAssessements(servicedata: any,
    appointmentService: AppointmentService,
    serviceDeliveryGuid: string): any {
    appointmentService.getAssessments(serviceDeliveryGuid)
      .subscribe((response: any) => {
        if (response && response.data) {
            // here should be servicedata = response.data
            this.servicedata = response.data
        }
    }, () => {
      // Error Block
    });
  }
}

也

ngOnInit() {   
  servicedata :any; // why? you also using this.servicedata in function call
  ...
}

您是否在模板中鏈接了servicedata？

<span>{{ servicedata }}</span>