Angularjs routing cannot get '/webpage'

Question

Let me start off by saying my apologies for the formatting. I'm posting from a mobile phone.

In my /public/js/app.js I have this

var app = angular.module("myApp", ["ngRoute"]);
app.config(function($routeProvider) {
    $routeProvider
    .when("/", {
        templateUrl : "/public/views/index.html"
    })
    .when("/packages", {
        templateUrl : "/public/views/packages.html"
    })
    .when("/contactus", {
        templateUrl : "/public/views/contactus.html"
    })
    .when("/signup", {
        templateUrl : "/public/views/signup.html"
    })
. otherwise({
redirectTo: "/";
});
});

And in my /public/index.html

I have this below

<html ng-App="myApp">
// All the angular script files including app.js
<body>
<div ng-view></div>

All my HTML files are located at /public/views/

I get the "cannot GET '/contactus'"

Or any webpage for that matter that's not the index.

Any help?

In your browser, are you going to the URL '/contactus' or the URL '/#/contactus'? You probably need to use the latter. — Chas Brown
– Chas Brown, Commented Jan 13, 2017 at 1:23

Mesmerize86 · Accepted Answer · 2017-01-13 01:28:34Z

0

It should be all lowercase ng-app and you have ; on otherwise object. Can you try with that.

answered Jan 13, 2017 at 1:28

Mesmerize86

6731 gold badge6 silver badges15 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Mesmerize86 Over a year ago

As you have mentioned above comment, if you want to remove # tag then you need to have $locationProvider.html5Mode(true). Your code will look something like this. app.config(function($routeProvider, $locationProvider) { //your route path $locationProvider.html5Mode(true); }); and in head tag <head> <base href="/"> </head>

Collectives™ on Stack Overflow

Angularjs routing cannot get '/webpage'

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related