angular route is not working

Question

Angular route is not working for me..

My JS:

'use strict';

// Declare app level module which depends on filters, and services
var chatApp = angular.module('myApp', ['ngRoute']);

// configure our routes
chatApp.config(function($routeProvider) {
    $routeProvider

        // route for the home page
        .when('/index', {
            templateUrl : 'index.html',
            controller  : 'mainCtrl'
        })

        // route for the about page
        .when('/chat', {
            templateUrl : 'views/chat.html',
            controller  : 'chatCtrl'
        })
        .otherwise({redirectTo: '/index'});
});

chatApp.controller('mainCtrl', function($scope) {
    // create a message to display in our view
    $scope.message = 'Everyone come and see how good I look!';
});

chatApp.controller('chatCtrl', function($scope) {
    // create a message to display in our view
    $scope.message = 'Everyone come and see how good I look!';
});

In Html:

<html ng-app="myApp">

Added my scripts also.

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.6/angular.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.6/angular-resource.min.js">
</script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.6/angular-route.min.js">
</script>
<script src="https://cdn.firebase.com/js/client/2.0.4/firebase.js"></script>
<script src="https://cdn.firebase.com/libs/angularfire/0.9.0/angularfire.min.js"></script>
<script src="scripts/app.js"></script>


URL : ...goaway-web/app/chat  Example what I am trying. 
goaway-web/app/index

While redirecting or directly entering the URL it is not working.. Please help!!

did you get any error on your console?

Ramesh Rajendran
– Ramesh Rajendran

2015-09-28 09:30:30 +00:00
Commented Sep 28, 2015 at 9:30 — Ramesh Rajendran
– Ramesh Rajendran, Commented Sep 28, 2015 at 9:30
Do you have ng-view?

Shamal Perera
– Shamal Perera

2015-09-28 09:33:14 +00:00
Commented Sep 28, 2015 at 9:33 — Shamal Perera
– Shamal Perera, Commented Sep 28, 2015 at 9:33
@ShamalPerera . I agree with you. :=1

Ramesh Rajendran
– Ramesh Rajendran

2015-09-28 09:34:03 +00:00
Commented Sep 28, 2015 at 9:34 — Ramesh Rajendran
– Ramesh Rajendran, Commented Sep 28, 2015 at 9:34

SANN3 · Accepted Answer · 2015-09-28 09:38:22Z

2

Try with #.

Sample : <a href="#/index">SOME_DETAIL</a>

And please check, do you have implement ng-view on your index.html

edited Sep 28, 2015 at 9:38

answered Sep 28, 2015 at 9:28

SANN3

10.2k7 gold badges68 silver badges105 bronze badges

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

1 Comment

Ramesh Rajendran Over a year ago

Can we see your anchor tag href with code? and tell us your application correct path. (what you eamn by view)?

Collectives™ on Stack Overflow

angular route is not working

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