title: AngularJS directive get value from scope
body: <p>I'm passing my scope object to my directive and this works fine! After a get request I update my scope with a property called project. This contains some values like title, content, etc... If I log this everything is working fine but when I try to log scope.project I get the message undefined, but when I log scope I see the project object in the JSON tree... What can happens here?</p>
  
  <p>All console logs show the correct information but I can't access it...</p>
  
  <p>directive:</p>
  
  <pre><code>.directive('project', ['$http', function ($http) {
      return {
          restrict: 'AEC',
          link: function (scope, element, attrs) {
              console.log(scope); // gives perfect json object including the project object
              console.log(scope.project.content); // gives undefined
          }
      }
  }]);    
  </code></pre>
  
  <p>template:</p>
  
  <pre><code>&lt;div showcontent id="createdcontent"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>controller: (This is where I set the scope)</p>
  
  <pre><code>$http.get ('/api/projects/' + id)
      .success (function (data) {
          $scope.project = data.project;
      })
      .error (function (data){
          console.log("error: " + data);
      }); 
  </code></pre>
  
  <p>Many thanks</p>