title: Angular2 Service variables being reset on route change
body: <p>I have a service that i am using to keep track of the state of my model. I have multiple components that i would like to have access this service variables properties. When the first component loads on init, i set the model, yet when i try to access this model from my second component after route change, the variable is now undefined. Below is an example of what im talking about.</p>
  
  <p>Component 1 </p>
  
  <pre><code>constructor(private service: Service, private route)
  
  ngOninit(){
    this.service.setModel();
    console.log(this.service.getModel()); &lt;-- works fine
  }
  
  componentButton1Click(){
    route.navigateByUrl(component2route) &lt;--works fine
  }
  </code></pre>
  
  <p>Component 2</p>
  
  <pre><code>constructor(private service: Service)
  
  ngOninit(){
    console.log(this.service.index); &lt;-- undefined
  }
  </code></pre>
  
  <p>Service</p>
  
  <pre><code>private index: number;
  
  constructor(private http: Http)
  
  getModel(){
     return this.index; &lt;-- works fine
  }
  
  setModel(){
    this.index = this.http.get('somejsonfile.json').index;
  }
  </code></pre>