how to use httpclient get method in angular 2 and show items in list?

Question

I am trying to use httpclient get method in angular 2 and show items in list ,But I am using ngrx with ngrxeffect(for asyn task). I make a reducer , action .I also make effect file .Now I want to call service and fetch data from service and store data in store.

I tried like this

https://stackblitz.com/edit/angular-s5xdfv?file=src%2Fapp%2Fstore%2Flist.effect.ts

reducer

import * as Action from './list.action';

export interface Bank {
  seo_val:string;
  text_val:string;
}

export interface State {
  isLoading: boolean;
  isLoadSuccess: boolean;
  banks: Array<Bank>;
}

export const initialState: State = {
  isLoading: false,
  isLoadSuccess: false,
  banks: []
};

export function reducer(state = initialState, action: Action.Actions): State {
  switch (action.type) {
    case Action.GET_BANKLIST: {
      return {
        ...state,
        isLoading: true,
        isLoadSuccess: false,
        banks: []
      };
    }

    case Action.GET_BANKLIST_SUCCESS: {
      return {
        ...state,
        isLoading: false,
        isLoadSuccess: true,
        banks: action.payload.data
      };
    }

    case Action.GET_BANKLIST_FAILED: {
      return {
        ...state,
        isLoading: false,
        isLoadSuccess: false,
        banks: []
      };
    }

    default: {
      return state;
    }
  }
}

effect

import {Actions, Effect} from '@ngrx/effects';
import { HttpClient } from '@angular/common/http';
import {Injectable} from '@angular/core';
import {SwitchMap } from 'rxjs/operator ';

import * as BankListAction from './list.action';



@Injectable()
export class ListEffects {

  @Effect()
  authSingup = this.actions$
    .ofType(BankListAction.GET_BANKLIST).
     SwitchMap(()=>{
      return this.http.get('http://biz.timesofindia.indiatimes.com/bankifsc/getlist')
     })

constructor(private actions$: Actions,
private http:HttpClient) {
  }

}

any udpate