Question

我正在尝试使用我的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

<body ng-app="main" >

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

</body>

当我点击链接时，浏览器中没有任何内容，控制台中没有错误

这是在链接上获得的网址

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

更新

最后，当我更改为div

时，我的路线正常工作

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

     </div>

但模板文件未加载

Answer 1

更改

这

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

要

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

Angular js路由无法正常工作

1 个答案: