Using Angular markup in an href attribute makes the page open to a wrong URL if the user clicks that link before angular has a chance to replace it with actual URL. The link will be broken and will most likely return a 404 error. The ngHref directive solves this problem.

Here’s an example in HAML:

%a(ng-href='{{house.url}}') {{house.address}}