title: Reload a Data Grid based on back end API response Angular
body: <p>Am new in Angular technology and working with Angular with spring boot as back end. Am stuck in reloading data gird.i have a backed API call for populating data gird. My issue was like some time data will change in the response.based on this I need to update my data grid in UI.</p>
  <p><strong>Edit 1</strong></p>
  <p><strong>Angular.ts file</strong></p>
  <pre><code>@ViewChild('modal', { static: false }) modal;
  
    columns = [
      {
        prop: 'Name',
        name: 'name'
      },
      {
        prop: 'Location',
        name: 'Location'
      },
      {
        prop: 'Status',
        name: 'Status'
      }
    ];
  
    ngOnInit() {
      
    }
  
    getData(name): Observable&lt;Nodes&gt; {
      return this.service.getData(name).pipe(map((data) =&gt; {
        return data;
      }));
    }
  
    loadInitialData() {
  this.getData(this.name).subscribe((data) =&gt; {
    this.dataFrom = data;
    this.service.saveMessage(data);
  
    data.dataNodes.forEach((elm) =&gt; {
      if (elm.archiveGroups === null) {
        return;
      }
  
      elm.archiveGroups.forEach(arch =&gt; {
        if (arch.archives === null) {
          return;
        }
        let row: rowJson;
        arch.archives.forEach(arc =&gt; {
          row = Object.assign(new rowJson(), {
            Name: arc.Name,
            Location: elm.NodeName,             
            Status: arc.status,
          });
          this.rows.push(row)
        });
      });
    });
    this.loadingState = false;
    this.populateData();
  }, err =&gt; {
    
  });
  </code></pre>
  <p>}</p>
  <p><strong>Edit 2</strong></p>
  <p>I have done below changes in ngOnInit method.but status filed not updated</p>
  <pre><code>ngOnInit() {
      this.updateSubscription = interval(1000).subscribe(
          (val) =&gt; { 
              
              this.getData(this.hostname).subscribe((data) =&gt; {
                  data.dataNodes.forEach((elm) =&gt; {          
                      elm.archiveGroups.forEach(arch =&gt; {
                        if (arch.archives === null) {
                          return;
                        }
                        arch.archives.forEach(arc =&gt; {
                          let row: rowJson;
                            row.Status=arc.status                        
                        });
                      });
                    });
              });
        }
      );
    }
  </code></pre>
  <p>How to update status field based on <strong>getData</strong> <strong>API</strong> response.I could see a lot of queries regarding reload. Please guide and suggest a valid Solution</p>