Angular JS路由不起作用

Question

I am trying to setup simple angular routing with my Laravel application 我正在尝试使用Laravel应用程序设置简单的角度路由

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 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 UPDATE

Finally my routes works fine when i change to div 最后，当我更改为div时，我的路线可以正常运行

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

     </div>

but the template file is not loading 但模板文件未加载

Answer 1

Change 更改

From 从

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

To 至

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

Angular JS路由不起作用

问题描述

1 个解决方案

解决方案1
0 2017-06-03 06:15:19

Angular JS路由不起作用

问题描述

1 个解决方案

解决方案1 0 2017-06-03 06:15:19

解决方案1
0 2017-06-03 06:15:19