API call won't happen in ngrx-angular6

Question

I am new to ngrx.API call won't happen in ngrx-angular6. i have tried everything. i cant find where i am wrong. whole day wasted here.:(

In Effects i have called a service and getting observable

@Effect()
  isFileFeed$ = this.dataPersistence.fetch(LandingActionTypes.LoadIsFileFeed, {
    run: (action: LoadFileFeed, state: LandingState) => {
      const url = `www.sample.com`;
        this.service.apiRequest(url).pipe(
          map(function(status){
            new LoadFileSuccess(status);
          }),
          catchError(err => of(new LoadFileError(err.Description)))
        );
    },

    onError: (action: LoadFileFeed, error) => {
      console.error('Error', error);
      return new LoadFileError(error);
    }
  });

In Service i have used pipe along with tap. if i call subscribe directly API call Invokes. but here it wont call any API. am also verified in the network tab also.

apiRequest(url){
return this.http.get<any>(url)
        .pipe(tap(response =>
            this.log(`Service :api success: ${url}`);
          ),
          catchError(this.handleError)
        );
}

here is my code in selector

const getLandingState = createFeatureSelector<LandingState>('landing');

const getFileEnableStatus = createSelector(
  getLandingState,
  (state: LandingState) => state.isFileFeedEnabled
);

and i have consumed my observable through subscribe in my component like below.

    this.landingPageStore.pipe(select(landingSelector.landingQuery.getFileEnableStatus)).subscribe(res=>{
      this.isFileEnabled = res;
    })

Nicholas Kahlor Nicholas Kahlor · Accepted Answer · 2019-05-14T23:17:46

If your effect isn't firing at all, it's possible that you never registered it in the imports section of your @NgModule.

@NgModule({
  imports:[
    // Some imports
    EffectsModule.forRoot([MyEffectClass])
  ]
})

Another possibility is your lack of a returning the service's observable, and the function within the map function, you might have more luck with the following:

return this.service.apiRequest(url).pipe(
  map((status: any) => {
    return new LoadFileSuccess(status)
  }

Be sure that if you wrap the arrow function in curly braces that you explicitly add the return keyword, otherwise things will not work as expected.

API call won't happen in ngrx-angular6

1 Answers