Angular js routing not working

Question

I am trying to setup simple angular routing with my Laravel application

import Angular from 'angular';
import Route from  'angular-route';
var route = Angular.module("main",[Route]);


route.config(['$routeProvider', function($routeProvider) {
    $routeProvider.
    when('/test', {
        templateUrl: 'app/test.html',
        activetab:'emp',
        controller:'WelcomeController'
    })
}]);

route.controller('WelcomeController',function ($scope) {
    alert('ok');
})

HTML

<body ng-app="main" >

    <a href="#test">test</a>

</body>

When i click on the link i got nothing in browser there is no error present in console

Here is the url obtained when cliked on the link

http://localhost:8000/#!#test

UPDATE

Finally my routes works fine when i change to div

 <div id="main">
    <a href="#test">test</a>

     </div>

but the template file is not loading

Change <a href="#test">test</a> to <a href="/test">test</a>, and retry. — 31piy
– 31piy, Commented Jun 3, 2017 at 6:35
template file location public/app/test.html and js file is in public/app/js — Jabaa
– Jabaa, Commented Jun 3, 2017 at 7:31

Sajeetharan · Accepted Answer · 2017-06-03 06:15:19Z

0

Change

From

var route = Angular.module("main",[Route]);

To

var route = Angular.module("main",['ngRoute']);

answered Jun 3, 2017 at 6:15

Sajeetharan

223k65 gold badges370 silver badges409 bronze badges

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

5 Comments

Jabaa Over a year ago

Nop still the same error,i am using webpack to build the files

Jabaa Over a year ago

When i hide import 'angular-route' i got route not defined error

Sajeetharan Over a year ago

Try changing your template <header> <h1>My app</h1> <ul> <a href="#test">test</a> </ul> </header> <div class="content"> <div ng-view></div> </div>

Jabaa Over a year ago

could you more specific??

Sajeetharan Over a year ago

change your html as mentioned above

Collectives™ on Stack Overflow

Angular js routing not working

1 Answer 1

5 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

5 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related