Cómo manejar el enlace de hash de anclaje en AngularJS

¿Alguno de ustedes sabe cómo manejar muy bien el enlace de hash de anclaje en AngularJS?

Tengo el siguiente marcado para una simple página de preguntas frecuentes

<a href="#faq-1">Question 1</a>
<a href="#faq-2">Question 2</a>
<a href="#faq-3">Question 3</a>

<h3 id="faq-1">Question 1</h3>
<h3 id="faq-2">Question 2</h3>
<h3 id="fa1-3">Question 3</h3>

Al hacer clic en cualquiera de los enlaces anteriores AngularJS me intercepta y me dirige a una página completamente diferente (en mi caso, una página 404, ya que no hay rutas que coincidan con los enlaces.)

Mi primer pensamiento fue crear una ruta coincidente "/faq/: chapter " y en el control correspondiente $routeParams.chapter después de una coincidencia elemento y luego utilizar jQuery para desplazarse hacia abajo a él.

Pero luego AngularJS me caga de nuevo y simplemente se desplaza a la parte superior de la página de todos modos.

Entonces, ¿alguien aquí hizo algo similar en el pasado y conoce una buena solución?

Editar: Cambiar a html5Mode debería resolver mis problemas, pero tenemos que soportar IE8 + de todos modos, así que me temo que no es una solución aceptada: /