title: ES6 Generator with $http service
body: <p>I'm trying to use the ES6 generator on the client side with the Angular $http service. I'd like to be able to use the $http service without the use of callbacks, if possible. Like:</p>
  
  <pre><code>var gen = function* () {
      var test = yield $http.get('/test/');
      console.log(test);
  };
  
  var http = gen();
  http.next();
  http.next(); // returns undefined
  
  /// or ///
  
  var gen = function* () {
      yield $http.get('/test/');
  };
  console.log(http.next()); //returns a promise object which won't allow me to use the needed data
  </code></pre>
  
  <p>The reason why I ask is because I'm trying to mimic this demonstration <a href="https://youtu.be/QO07THdLWQo?t=4m58s" rel="nofollow">https://youtu.be/QO07THdLWQo?t=4m58s</a></p>
  
  <p>I'm just looking for the simplest, most straight forward approach. Any suggestions?</p>