title: String Interpolation Won't Work when Setting Attribute Values on a Custom Directive
body: <p>Should I be able to pass attributes from the $scope into a custom directive like this?</p>
  
  <pre><code>        &lt;div ng-repeat="ratable in ratables"&gt;
              &lt;div&gt;How much do you like {{ratable.name}}?&lt;/div&gt;
  
              &lt;!-- CONFUSED - First element does not work, second element does --&gt;
              &lt;rating currentRatingValue="{{ratable.currentvalue}}" maxRatingValue="10"&gt;&lt;/rating&gt;
          &lt;/div&gt;
  </code></pre>
  
  <p>The hardwired "10" passes through into the directive just fine, but the string interpolation when I try to pass {{ratable.currentvalue}} never seems to occur.  Am I doing something obviously wrong?</p>
  
  <p><a href="http://jsfiddle.net/ADukg/2168/">http://jsfiddle.net/ADukg/2168/</a></p>
  
  <pre><code>var myApp = angular.module('myApp',[])
      .directive("rating", function () {
          return {
              restrict: "E",
              scope: {},
              template: "&lt;div class='rating'&gt;Current rating: {{currentratingvalue}} out of {{maxratingvalue}}&lt;/div&gt;",
                  link: function (scope, element, attributes) {
                      console.log(attributes.currentratingvalue);    // Does not work but seems like it should
                      console.log(attributes.maxratingvalue);        // Does work
                  }
              };    
          });
  
  function MyCtrl($scope) {
      $scope.name = 'Superhero';
  
      $scope.ratables = [
          { name: "sledding", currentvalue: 3, maxvalue: 5 },
          { name: "water skiing", currentvalue: 7, maxvalue: 10 },
          { name: "whitewater rafting", currentvalue: null, maxvalue: 10 }
      ];
  }
  
  &lt;div&gt;
      &lt;div ng-controller="MyCtrl"&gt;
        Hello, {{name}}!
  
          &lt;div ng-repeat="ratable in ratables"&gt;
              &lt;div&gt;How much do you like {{ratable.name}}?&lt;/div&gt;
  
              &lt;!-- CONFUSED - First element does not work, second element does --&gt;
              &lt;rating currentRatingValue="{{ratable.currentvalue}}" maxRatingValue="10"&gt;&lt;/rating&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>