How to refresh <div> content faster on button click in angular?-CodePudding

I have a content with some value and on click of cancel button, I need to refresh that and display the new content. When I click on cancel button, the old content stays for some seconds before changing to new content for that .Pls let me know how to load the new content faster without this delay.

<div>Text</div>

   <button type="button" class="left-btn pull-right" (click)="reload()" data-dismiss="modal">cancel</button>

 reload() {
    this.CommonService.GetDateTimeByTimeZone().subscribe(tz => {
      let ds: Input = {
        StartDate: moment(this.timezoneDate).format("YYYY-MM-DDT00:00:00.000[Z]"),
        EndDate: moment(this.timezoneDate).format("YYYY-MM-DDT23:59:59.999[Z]")
      }
      this.Dashboard(ds, false)
    }, error => {
      Swal.fire('', this.es.adminErrorMsgList[39].message, 'error')
    });
    this.SelectedDate = ' ';
  }

CodePudding user response：

You can actually just try to reload the data on click

CodePudding user response：

reload() {

   // do the reload here

    this.CommonService.GetDateTimeByTimeZone().subscribe(tz => {
      let ds: Input = {
        StartDate: moment(this.timezoneDate).format("YYYY-MM-DDT00:00:00.000[Z]"),
        EndDate: moment(this.timezoneDate).format("YYYY-MM-DDT23:59:59.999[Z]")
      }
      this.Dashboard(ds, false)
    }, error => {
      Swal.fire('', this.es.adminErrorMsgList[39].message, 'error')
    });
    this.SelectedDate = ' ';
  }