title: directive link attrs don't work
body: <p>in html i call my directive with: <code>&lt;div godata-pagination count="{{pagination.count}}" size="{{pagination.size}}" page="{{pagination.page}}"&gt;&lt;/div&gt;</code></p>
  
  <p>then my directive looks inside:</p>
  
  <pre><code>function link(scope, element, attrs) {
      console.log('attrs: ' + attrs.size);
      scope.pagCount = attrs.count;
      scope.pagPage = attrs.page;
  }
  return {
      restrict: 'A',
      transclude: true,
      scope: {
          count: '@',
          size: '@',
          page: '@'
      },
      templateUrl: 'partials/godata/pagination.html',
      link: link
  };
  </code></pre>
  
  <p>In the partial (partials/godata/pagination.html) i can access these variables (count, size and page). For 100% in partial i access originaly these three variables, no other in this scope.</p>
  
  <p>But i will do something with these variables in function link.
  If i try to access these variables in function link through attrs, they are empty :(</p>
  
  <p>What is wrong and/or what can i do?</p>
  
  <p>UPDATE:</p>
  
  <p><a href="https://i.stack.imgur.com/WuhQe.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/WuhQe.png" alt="console log output"></a></p>
  
  <p>And with <code>scope: false</code> scope variable is undefined.</p>
  
  <p>And why brings the line <code>attrs.$observe('page', function(val) { console.log('$observe: ' + val); });</code> in function link two output ...one with and one without value?</p>
  
  <p>UPDATE again:</p>
  
  <pre><code>function link(scope, element, attrs) {
      console.log('scope: ' + scope.size);
      console.log('scope: ' + scope);
      console.log('attrs: ' + attrs.size);
      console.log('attrs: ' + attrs);
      attrs.$observe('size', function(size) {
          console.log('$observe: ' + size);
          if(size) {
              scope.pagSize = size;
          }
      });
      console.log('after observe; pagSize: ' + scope.pagSize);
  }
  </code></pre>
  
  <p>...bring me:</p>
  
  <p><a href="https://i.stack.imgur.com/YDiz3.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/YDiz3.png" alt="console log output"></a></p>
  
  <p>But <code>scope.pagSize</code> has a value in browser.</p>
  
  <p>How can i work with these attributes in my directive, if i can't access them?!</p>