title: Angular Directive scope binding not working in ng-repeat
body: <p>I've been working with Angular for a while. However, today I found it quite weird that the attrs in my custom directive were not bound correctly. Here is the excerpt of code:</p>
  
  <pre><code>&lt;div ng-repeat="item in items"&gt;
    &lt;io-map geo-location-x="item.data.x" geo-location-y="item.data.y" zoom-level="item.data.zoom"&gt;&lt;/io-map&gt;
  &lt;/div&gt;
  
  angular.directive('io-map', function() {
    return {
      restrict: 'EA',
      scope: {
        geoLocationX:'=',
        geoLocationY:'=',
        zoomLevel:'='
      },
      template: '&lt;div id="map-' + Math.round(Math.random()*100000000) + '" style="height:400px"&gt;&lt;/div&gt;',
      link: function (scope, element, attrs) {
        //Some logic...
        //I checked the attrs here, and found attrs.geoLocationX and so on are just plain strings like "item.data.x", meaning they are not bound, while I can assure you that item.data.x has its value.
      }
    }
  })
  </code></pre>
  
  <p>What's wrong with it? Thanks in advance.</p>