How can I fix the angular.js routing in my app?

Question

I'm writing an application on mobile platform steroids, angular.js and firebase.js. Recently I've faced such problem: the page does not load, because it is trying to access a strange url file://file:///Users/patutinskijfedor/Desktop/firebase/WILLY/www/.

Error: Failed to execute 'replaceState' on 'History': A history state object with URL 'file://file:///Users/patutinskijfedor/Desktop/firebase/WILLY/www/' cannot be created in a document with origin 'null'.

I read about this issue in the Internet and realized that my problem is with the routing in angular. It look like this (file app.js):

angular.module('SCBI', ['SCBI.controllers','ngRoute']).config(function($routeProvider, $locationProvider){
    $locationProvider.html5Mode(true);

    $routeProvider.when('/teachers',{ templateUrl: 'teachers.html'});
    $routeProvider.when('/teachers/:id', {templateUrl: 't.html', controller: 'TeachersListController'});
    $routeProvider.when('/', {templateUrl: 'authorization.html', controller: 'AuthorizationController'});
    $routeProvider.otherwise({redirectTo:'/'});
});

So the problem might be with html5Mode. My question is: how can I fix the routing in app.js? The full code of the project is here: https://github.com/patut/SCBI.

Can it be caused by this `file://file:///`? Should not be there simply `file://` or better `locahost` ... — David Votrubec, Jan 06 '15 at 08:36
Are you using Node to host this or are you just running the site off of the filesystem? — Chris Woolum, Jan 27 '15 at 01:43
Looks like a similar issue to http://stackoverflow.com/questions/15105910/angular-ng-view-routing-not-working-in-phonegap — jornare, Feb 09 '15 at 19:40
Could you try to add '/' to the templateUrls, like /teachers.html etc.? — BotanMan, Feb 17 '15 at 19:20

score 1 · Answer 1 · answered Apr 01 '15 at 11:19

1

This could happen if the base URL mentioned in your HTML5 page is incorrect. Please share your base URL tage here.

answered Apr 01 '15 at 11:19

Temp O'rary

5,366
13
49
109

How can I fix the angular.js routing in my app?

1 Answers1