title: Promise.all is not working but nesting promises is
body: <p>In my directive I have something that looks like this:</p>
  
  <pre><code>myApp.directive('myDirective', function(s1, s2, s3) {
      return {
          restrict:'E',
          link: function($scope,) {
              s1.then(function(data) {
                  $scope.s1 = data;
                  s2.then(function(data) {
                      $scope.s2 = data;
                      s3.then(function(data) {
                          $scope.s3 = data;
                      });
                  });
              });
          },
          templateUrl: '/static/partials/some-file.html'
      }
  });
  </code></pre>
  
  <p>The above code works and functions the way I want it to. However, it looks ugly and I rather do something cleaner. When I try to use <code>Promise.all([s1, s2, s3]</code> then store the results into <code>$scope</code> and render it into <code>some-file.html</code>, it doesn't work. </p>