$ routeProvider未定义-无法通过此操作

Question

我一直在尝试使用ng-route运行一个基本项目。

我有两个视图-视图A和视图B。它们分别受控制

flipFlop.config(['$routeProvider', function ($routeProvider) {
    $routeProvider
        .when('/view/a', {
             templateUrl: 'app/viewA.html',
             controller: 'ViewAController'
     })
        .when('/view/b', {
            templateUrl: 'app/viewB.html',
            controller: 'ViewBController'
        })
        .otherwise({
            redirectTo: '/view/a'
        });
}]);

我的index.html文件看起来像

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body ng-app="flipFlop">



<script src="./node_modules/angular/angular.js"></script>
<script src="./node_modules/angular-route/angular-route.js"></script>
<script src="./node_modules/angular-route/angular-route.min.js"></script>
<script src="./app/flipFlop.js"></script>
<script src="./app/ViewAController.js"></script>
<script src="./app/ViewBController.js"></script>

<div ng-view></div>
</body>
</html>

而且我的每个视图文件都看起来像

<!DOCTYPE html>
<html lang="en">
<div id = "viewB">View B</div>
</html>

错误日志看起来像

这似乎是一个非常愚蠢的错误。有人可以指出吗？

Answer 1

您需要首先启动flipFlop模块。

const flipFlop = angular.module('flipFlop', ['ngRoute']);
flipFlop.config([ ... ])

$ routeProvider未定义-无法通过此操作

问题描述投票：0回答：1

1个回答

最新问题

$ routeProvider未定义-无法通过此操作

问题描述 投票：0回答：1

1个回答

最新问题

问题描述投票：0回答：1