Várias páginas em aplicativos empacotados do Chrome

A estrutura de URL dentro dos aplicativos empacotados do Chrome confunde com o AngularJS $ routeProvider.

Como solução, pode-se usar a seguinte diretiva:

app.directive("link", function ($location) {
  function (scope, element, attrs) {
    element.bind("click", function () {
      scope.$apply($location.path(attrs.link))
    });
  }
});

Isso cria um atributo de link personalizado para ser usado no formato de

<span link="yourRoute">This is a link that will match your /yourRoute</span>