title: Angular attribute expression not evaluating inside directive
body: <p>Why does the link evaluate the expression inside the directive using the link attribute, but the template does not? Note that I'm only using 'link' here for console.log illustrative purposes.</p>
  
  <p>My end goal is to have data passed into a directive via its attribute and have that data render as its template.</p>
  
  <p>index.html</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  
  &lt;head&gt;
    &lt;script data-require="angular.js@*" data-semver="1.3.7" src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.3.7/angular.js"&gt;&lt;/script&gt;
    &lt;link rel="stylesheet" href="style.css" /&gt;
    &lt;script src="app.js"&gt;&lt;/script&gt;
  &lt;/head&gt;
  
  &lt;body ng-app="myApp"&gt;
    &lt;div ng-controller="myCtrl"&gt;
        &lt;my-directive text="{{data}}" /&gt;
    &lt;/div&gt;
  &lt;/body&gt;
  
  &lt;/html&gt;
  </code></pre>
  
  <p>app.js</p>
  
  <pre><code>angular.module("myApp", []).directive("myDirective", function () {
    return {
        restrict: "E",
        scope: {
            text: "@text",
        },
        link: function(scope, element, attrs){
          console.log(attrs.text);
        },
        template: function(element, attrs){
          console.log(attrs.text);
        }
    };
  }).controller('myCtrl',function($scope){
  $scope.data = 'test';
  });
  </code></pre>
  
  <p>output:</p>
  
  <pre><code>{{data}}
  test
  </code></pre>