title: Can't access directive scope from within controller
body: <p>I have an issue with my AngularJS code.</p>
  <p>It seems I can't access my directive scope from my controller.</p>
  <p><strong>The directive</strong></p>
  <pre><code>app.directive('PaginatedText', function(){
      return {
          restrict: 'E',
          scope: {
              text: '='
          },
          controller: 'PaginatedTextController',
          templateUrl: '/frontend/views/paginated-text.html'
      };
  })
  </code></pre>
  <p><strong>The controller</strong></p>
  <pre><code>app.controller('PaginatedTextController', ['$scope', function($scope){
  
      $scope.page = 1;
  
      $scope.limit = 200;
  
  
      console.log($scope, $scope.text);
  
  }]);
  </code></pre>
  <p><strong>The directive call</strong></p>
  <pre><code>&lt;paginated-text text=&quot;character.long_description&quot;&gt;&lt;/paginated-text&gt;
  </code></pre>
  <p><strong>The template</strong></p>
  <pre><code>&lt;p&gt;
      {{text}}
      &lt;button&gt;read more&lt;/button&gt;
  &lt;/p&gt;
  </code></pre>
  <p>The printed console.log:
  <img src="https://i.stack.imgur.com/9fwyu.png" alt="console.log" /></p>
  <p>Any idea why <code>console.log($scope.text)</code> print undefined ?</p>