Multiple Pages In Chrome Packaged Apps

The URL structure inside of Chrome Packaged Apps messes with the AngularJS $routeProvider.

As a solution one can use the following directive:

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

This creates a custom link attribute to be used in the format of

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