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>