title: Angular 4 Redux select issue (basic)
body: <p>I am still in the early stages of learning Angular 4 and Redux. I have a component that gets information from the store. It works fine IN THE VIEW. But when I try to access the same information from within the component, I get an object instead of the value. </p>
  
  <p>Here is my component: </p>
  
  <pre class="lang-js prettyprint-override"><code>import { Component } from '@angular/core';
  import { NgRedux, select } from 'ng2-redux'; 
  import { AppState } from '../../reducers/reducer';
  import { QuizService } from '../../services/quiz.service';  
  import { clearQuiz } from '../../actions/actions'; 
  
  @Component({ 
      selector: 'quiz', 
      templateUrl: './quiz.component.html', 
      styleUrls: ['./quiz.component.css']
  })
  
  export class Quiz {
      constructor(private ngRedux: NgRedux&lt;AppState&gt;, private service: QuizService) {}
  
      @select('currentQuiz') currentQuiz;
      @select('quizLength') quizLength; 
      @select('sessionId') sessionId; 
  
      handleClose() {
          console.log("CLOSE", this.sessionId )
          this.service.deleteSession(this.sessionId)
              .subscribe(res =&gt; {
                  this.ngRedux.dispatch(clearQuiz())
              })
              , error =&gt; {
                  console.error(error); 
              }
      }
  }
  </code></pre>
  
  <p>The "console.log("CLOSE", this.sessionId )" line does not return the value stored in the store. Instead, I get this: </p>
  
  <pre><code>CLOSE AnonymousSubject {_isScalar: false, observers: Array(0), closed: false, isStopped: false, hasError: false, …}
  </code></pre>
  
  <p>How do you get the data off of these objects within the class? In the view, if I add "| async" after the value, they show up. But I can not get the values from within the actual component class. Help! </p>