title: Angular 2 HTTP Service (Youtube API)
body: <p>I am new to this, so please excuse if I am not getting something obvious here.</p>
  
  <p>Here is the project on Github, if you want to give it a try: <a href="https://git.io/vXtWp" rel="nofollow">https://git.io/vXtWp</a></p>
  
  <p>Anyhow, I have a simple Angular 2 service that calls YouTube Api, it looks like this:</p>
  
  <p><a href="https://i.stack.imgur.com/AkeS7.jpg" rel="nofollow"><img src="https://i.stack.imgur.com/AkeS7.jpg" alt="enter image description here"></a></p>
  
  <p>Then I have an app.component.ts that looks like this:
  <a href="https://i.stack.imgur.com/yhAJG.jpg" rel="nofollow"><img src="https://i.stack.imgur.com/yhAJG.jpg" alt="enter image description here"></a></p>
  
  <p>And HTML file:</p>
  
  <p><a href="https://i.stack.imgur.com/xtnRv.jpg" rel="nofollow"><img src="https://i.stack.imgur.com/xtnRv.jpg" alt="enter image description here"></a></p>
  
  <p>My application doesn't work though, it shows as loading with following error:</p>
  
  <pre><code>Uncaught Error: Can't resolve all parameters for FormControl: (?, ?, ?). metadata_resolver.js:499
  </code></pre>
  
  <p>This is what it looks like in the browser:
  <a href="https://i.stack.imgur.com/uoQ9f.jpg" rel="nofollow"><img src="https://i.stack.imgur.com/uoQ9f.jpg" alt="enter image description here"></a></p>
  
  <p>Any ideas what I am doing wrong? I've spent 2 hours, having no luck figuring this issue out...</p>