title: AngularJS <a> tag links not working
body: <p>I have an index of objects returned from search. The template has an ng-repeat where the item's URL is constructed from data in the model but in the final markup the "a" tag does not work. The ng-href and href are correct, the URL bar changes when the link is clicked but the page does not load. Doing a browser refresh after the click does get the page. So something in Angular is changing the URL bar but not triggering a load???</p>
  
  <p>Can't make this reproduce in a jsfiddle because the problem seems to be in loading the json into the template after a $resource.query() function, which I can't do from a jsfiddle. With a simulated query loading static data the jsfiddle works even though the final markup looks identical. </p>
  
  <p>The AngularJS template looks like this:</p>
  
  <pre><code>&lt;div ng-controller="VideoSearchResultsCtrl" class="row-fluid"&gt;
    &lt;div class="span12" &gt;
      &lt;div class="video_thumb" ng-repeat="video in videos"&gt;
        &lt;p&gt;
          &lt;a ng-href="/guides/{{video._id}}" data-method="get"&gt;
            &lt;img ng-src="{{video.poster.large_thumb.url}}"&gt;
          &lt;/a&gt;
        &lt;/p&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>The results look fine and produce the following final markup:</p>
  
  <pre><code>&lt;div ng-controller="VideoSearchResultsCtrl" class="row-fluid ng-scope"&gt;
    &lt;div class="span12"&gt;
      &lt;!-- ngRepeat: video in videos --&gt;&lt;div class="video_thumb ng-scope" ng-repeat="video in videos"&gt;
        &lt;p&gt;
          &lt;a ng-href="/guides/5226408ea0eef2d029673a80" data-method="get" href="/guides/5226408ea0eef2d029673a80"&gt;
            &lt;img ng-src="/uploads/video/poster/5226408ea0eef2d029673a80/large_thumb_2101146_det.jpg" src="/uploads/video/poster/5226408ea0eef2d029673a80/large_thumb_2101146_det.jpg"&gt;
          &lt;/a&gt;
        &lt;/p&gt;
      &lt;/div&gt;&lt;!-- end ngRepeat: video in videos --&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>The controller code is:</p>
  
  <pre><code>GuideControllers.controller('VideoSearchResultsCtrl', ['$scope', '$location', 'VideoSearch',
      function($scope, $location, VideoSearch) {
          $scope.videos = VideoSearch.query({ namespace: "api", resource: "videos", action: 'search', q: $location.search().q });
      }
  ]);
  </code></pre>
  
  <p>Using AngularJS 1.2-rc.3. I've also tried using an ng-click and regular old onclick to get a page loaded even with static URL but the clicks never trigger the code. BTW static non-angular links on this page do work, so the Menu Bar and Sign Out work.</p>
  
  <p>What have I done wrong here or is this a bug in AngularJS?</p>