title: How to pass params (action.payload) to service in ngrx/effects ?
body: <p>I am new to ngrx-6.
  The effects will listen to action "LOAD_COURSE_DETAILS" and should make a call to service with the course_id (action.payload). But i am getting an error</p>
  
  <blockquote>
    <p>Property 'toFixed' is missing in type 'Action'. </p>
  </blockquote>
  
  <p>However, if I do console.log, I could see the data being passed from the component to the effects.</p>
  
  <p><a href="https://i.stack.imgur.com/rcEYD.png" rel="noreferrer"><img src="https://i.stack.imgur.com/rcEYD.png" alt="add params to effects"></a></p>
  
  <h2><strong>How to pass the parameters to the service?</strong></h2>
  
  <p>Thanks in advance.</p>
  
  <hr>
  
  <p><strong>file: effects</strong>
  <div class="snippet" data-lang="js" data-hide="true" data-console="true" data-babel="false">
  <div class="snippet-code snippet-currently-hidden">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>@Effect()
  loadCourseDetails$ = this.actions$.pipe(
    ofType(CourseActionTypes.LOAD_COURSE_DETAILS),
    switchMap((action) =&gt; {
      console.log('in course effects', action);
      return this.courseService.getCourseDetails(action).pipe(
        map((data) =&gt; new fromCourse.LoadCourseDetailsSuccess(data))
      );
    })
  );</code></pre>
  </div>
  </div>
  </p>
  
  <p><strong>file: actions.ts</strong> (my action has payload defined) </p>
  
  <p><div class="snippet" data-lang="js" data-hide="true" data-console="true" data-babel="false">
  <div class="snippet-code snippet-currently-hidden">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>export class LoadCourseDetails implements Action {
    readonly type = CourseActionTypes.LOAD_COURSE_DETAILS;
    constructor(public payload: Number) {}
  }
  export class LoadCourseDetailsSuccess implements Action {
    readonly type = CourseActionTypes.LOAD_COURSE_DETAILS_SUCCESS;
    constructor(public payload: ICourse) {}
  }</code></pre>
  </div>
  </div>
  </p>
  
  <p><strong>file: component.ts</strong> (dispatch action)</p>
  
  <p><div class="snippet" data-lang="js" data-hide="true" data-console="true" data-babel="false">
  <div class="snippet-code snippet-currently-hidden">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>loadCourseDetails(id: Number) {
    console.log('dispatch course id', id);
    this.store.dispatch(new fromCourse.LoadCourseDetails(id));
  }</code></pre>
  </div>
  </div>
  </p>
  
  <p>file: service.ts (to be called by effeccts)</p>
  
  <p><div class="snippet" data-lang="js" data-hide="true" data-console="true" data-babel="false">
  <div class="snippet-code snippet-currently-hidden">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>getCourseDetails(courseId: Number) {
      return this.http.get(`url/${courseId}.json`);
  }</code></pre>
  </div>
  </div>
  </p>