title: Directive is being rendered before promise is resolved
body: <p>I am having issues getting my directive to render its content only after my promise has been resolved. I thought <code>then()</code> was supposed to do this but it doesn't seem to be working..</p>
  
  <p>Here is my controller:</p>
  
  <pre><code>// Generated by CoffeeScript 1.6.3
  (function() {
    var sprangularControllers;
  
    sprangularControllers = angular.module('sprangularControllers', ['sprangularServices', 'ngRoute']);
  
    sprangularControllers.controller('productsController', [
      '$scope', '$route', '$routeParams', 'Product', 'Taxonomy', function($scope, $route, $routeParams, Product, Taxonomy) {
        Taxonomy.taxonomies_with_meta().$promise.then(function(response) {
          return $scope.taxonomies = response.taxonomies;
        });
        return Product.find($routeParams.id).$promise.then(function(response) {
          return $scope.currentProduct = response;
        });
      }
    ]);
  
  }).call(this);
  </code></pre>
  
  <p>My directive: </p>
  
  <pre><code>// Generated by CoffeeScript 1.6.3
  (function() {
    var sprangularDirectives;
  
    sprangularDirectives = angular.module('sprangularDirectives', []);
  
    sprangularDirectives.directive('productDirective', function() {
      return {
        scope: {
          product: '='
        },
        templateUrl: 'partials/product/_product.html',
        link: function(scope, el, attrs) {
          console.log(scope);
          console.log(scope.product);
          return el.text(scope.product.name);
        }
      };
    });
  
  }).call(this);
  </code></pre>
  
  <p>Scope returns okay, and when I check it in dev tools <code>scope.product</code> is not undefined however I am presuming that is because by the time I check it the promise has been resolved?</p>
  
  <p><code>console.log(scope.product)</code> however, returns undefined..</p>