I am using ngrx and angular.
I have a component which has a dropdown in module 'A'. On change of dropdown i set the selected value in my ngrx store.

Now I have a grid component in module 'B'. My task is to fill grid with a dataset(which is being filtered on basis of saved dropdown ID).

I am able to get the dataset in my sandbox. This sandox is nothing but a layer b/w component and store

```
public getAllDevices(): Observable<Array<Device>> {
    return this.appStateManager.getFromStore(state => state.serviceProviderState.devices);
  }

devices$ =this.appStateManager.getFromStore<ServiceProvider>(state => 
    state.serviceProviderState.selectedServiceProvider)
    .subscribe(data=>{
    this.deviceService.getAllDevices(data.id)
    .subscribe((devices: Array<Device>) => {
      console.log(devices);
      this.appStateManager.saveToStore(new SetAllDevices(devices));
    });
    });

```

In the above code i am fetching data from appStateManager which is nothing but a wrapper over store api. Then after getting selectedId, i called getAllDevices which gives me a filtered dataset. I can see my desired dataset in console.log.

Now i need to show this devices$ in my grid. For which i have written code as below:

```
      @Component({
         selector: 'device-list',
         template: '<data-grid [devices]="devices"></data-grid>',
          })

     export class DeviceListContainer implements OnInit {
  devices: Device[];  
  devices$= this.monitoring.devices$;     
  constructor(private monitoring: MonitoringSandbox) {       
    this.monitoring.getAllDevices().subscribe((data)=>{          
       this.devices=data;
       console.log(this.devices);
     })       
  }

```

MY grid isn't getting filled. Where have i gone wrong?