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???

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.

The AngularJS template looks like this:

<div ng-controller=VideoSearchResultsCtrl class=row-fluid>

  <div class=span12 >

    <div class=video_thumb ng-repeat=video in videos>

      <p>

        <a ng-href=/guides/{{video._id}} data-method=get>

          <img ng-src={{video.poster.large_thumb.url}}>

        </a>

      </p>

    </div>

  </div>

</div>

The results look fine and produce the following final markup:

<div ng-controller=VideoSearchResultsCtrl class=row-fluid ng-scope>

  <div class=span12>

    <!-- ngRepeat: video in videos --><div class=video_thumb ng-scope ng-repeat=video in videos>

      <p>

        <a ng-href=/guides/5226408ea0eef2d029673a80 data-method=get href=/guides/5226408ea0eef2d029673a80>

          <img ng-src=/uploads/video/poster/5226408ea0eef2d029673a80/large_thumb_2101146_det.jpg src=/uploads/video/poster/5226408ea0eef2d029673a80/large_thumb_2101146_det.jpg>

        </a>

      </p>

    </div><!-- end ngRepeat: video in videos -->

  </div>

</div>

The controller code is:

GuideControllers.controller('VideoSearchResultsCtrl', ['$scope', '$location', 'VideoSearch',

    function($scope, $location, VideoSearch) {

        $scope.videos = VideoSearch.query({ namespace: api, resource: videos, action: 'search', q: $location.search().q });

    }

]);

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.

What have I done wrong here or is this a bug in AngularJS?