title: Angular 4 pass service response values to multiple components
body: <p>I need pass one http response values to multiple components.</p>
  
  <p>my home component html is</p>
  
  <pre><code>&lt;app-featured&gt;&lt;/app-featured&gt;
  &lt;app-filter&gt;&lt;/app-filter&gt;
  &lt;app-business&gt;&lt;/app-business&gt;
  </code></pre>
  
  <p>service file data-video.service</p>
  
  <pre><code>getPosts() {
       return this.http.get('http://grace-controls.com/mind-grid/mind_select.php')
       .map(res=&gt;res.json())
     }
  </code></pre>
  
  <p>featured.component.ts</p>
  
  <p>featured component is a slick slider</p>
  
  <pre><code>ngOnInit() {
      this.dataServices.getPosts().subscribe((posts)=&gt;{
            this.slides.splice(0, 1);
            for(let i=0; i&lt;posts.length;i++) {
              this.slides.push({img:posts[i].image_url});
            }
          })
  }
  slides = [{img:''}];
  </code></pre>
  
  <p>business.component.ts</p>
  
  <pre><code>    ngOnInit() {
      //Here I have to request the same data service method or any common object access values here?
        }
  </code></pre>
  
  <p>How to get and print the values in business component?. Which is the most preferable way to do? I am beginner in Angular please help me? </p>