Question

我的脚本是：

的index.html

<!DOCTYPE html>
<html ng-app="myApp">
<head>
    <title>My Application</title>
</head>
<body>
    <div ng-view></div>

    <script src="/assets/vendor/angular/angular-1.2.16.min.js"></script>
    <script src="/assets/vendor/angular/extras/angular-route.js"></script>
    <script src="/assets/myapp/myApp.js"></script>
</body>
</html>

myApp.js

(function () {
    angular.module('myApp', ['ngRoute'])
           .config(['$routeProvider', '$locationProvider', function ($routeProvider, $locationProvider) {
               $routeProvider.
                 when('/', {
                     template: '<h1>Home</h1>',
                     controller: function () {
                         console.log('Home');
                     }
                 }).
                 when('/books', {
                     template: '<h1>Books</h1>',
                     controller: function () {
                         console.log('Books');
                     }
                 });
               $locationProvider.html5Mode(true);
               console.log('routes configured');
           }]);
})();

我浪费了很多时间试图找出问题可能没有运气。我错过了一些傻事吗？提前感谢您的帮助。

Answer 1

您是否在服务器的根目录中托管了应用程序？如果没有，那么您需要在头标记中使用下面的标记。

<base href="PATH_HERE" />

此外，您可以注释掉$ locationProvider.html5Mode（true）行并让您的应用首先在哈希路由模式下工作吗？

Answer 2

只是一个问题，但可以在控制器中添加一个功能 - ＆gt;控制器：功能（）？因为通常我会这样做。控制器：＆＃39; mainController＆＃39;并将该函数放在mainController中。

ngRoute不工作

2 个答案: