Javascript 改变角度路线不能再工作了

您好，我已经将我的（以前工作的）angular网站路线从ui.route更改为ngRoute，因为有一个视图小问题

现在我的网站变得毫无用处了。链接不起作用，而且充满了错误。我花了好几个小时试图修好它

我不断地犯错误：

controllers.js：8未捕获的语法错误：意外标记。 J.js:38

未捕获错误：[$injector:modulerr]$injector/modulerr？p0=financeApp&p1=Error…ogleapis.com%2Fajax%2Flibs%2fanglarjs%2F1.3.6%2Fangular.min.js%3A17%3A350）

我希望能够通过导航栏在视图之间切换

我所做的唯一更改是CDN地址、script.js文件和controllers.js文件

controllers.js：

financeApp.controller('demoCtrl', function($scope) {
}
)

.controller('homeCtrl', function($scope) {
 })

.controller('candidatesCtrl', function($scope) {
 })


.controller('clientsCtrl', function($scope) {
 })

.controller('aboutusCtrl', function($scope) {
 })

.controller('trainingCtrl', function($scope) {
 })

financeApp.controller('contactusCtrl', function($scope) {
 })

financeApp.controller('joinusCtrl', function($scope) {
 })

和script.js

var financeApp = angular.module('financeApp', ['ngRoute','rangeSlider','ui.bootstrap'])


 financeApp.config(function($routeProvider) {
    $routeProvider
                .when('/home', {
                    templateUrl: 'partials/home.html',
                    controller: 'homeCtrl'
                }).
                when('/candidates', {
                    templateUrl: 'partials/candidates.html',
                    controller: 'candidatesCtrl'
                }).
                    when('/clients', {
                    templateUrl: 'partials/clients.html',
                    controller: 'clientsCtrl'
                }).
                     when('/aboutus', {
                    templateUrl: 'partials/aboutus.html',
                    controller: 'aboutusCtrl'
                }).
                   when('/training', {
                    templateUrl: 'partials/training.html',
                    controller: 'trainingCtrl'
                }).
                    when('/contactus', {
                    templateUrl: '/partials/contactus.html',
                    controller: 'contactusCtrl'
                }).
                   when('/upload', {
                    templateUrl: '/partials/contactform.php',
                    controller: 'joinusCtrl'
                }).


                otherwise({
                    redirectTo: '/'
                });
        });

---

在controller.js的第6行有一个分号-删除它。事实上，它们无处不在，请将它们全部移除

第5行到第9行形成这样的代码

.controller('homeCtrl', function($scope) {
 });.controller('candidatesCtrl', function($scope) {
 });

---

你看到了吗。在上面的半结肠之后？这就是问题所在。

您需要在所有.controller语句前面添加应用程序：

financeApp.controller('homeCtrl', function($scope) {
 });

financeApp.controller('candidatesCtrl', function($scope) {
 });

financeApp.controller('clientsCtrl', function($scope) {
 });

financeApp.controller('aboutusCtrl', function($scope) {
 });

financeApp.controller('trainingCtrl', function($scope) {
 });

您需要删除额外的输入：

financeApp.controller('demoCtrl', function($scope) {
});

---

有几件事需要仔细检查

1st 您很可能缺少或未包含ngRoute、rangeSliderui.bootstrap三个依赖项之一的文件

2nd:确保已按此顺序包含脚本文件

<script src="your_path/angular.js"></script>
<script src='angular-route.js'></script>
<script src='ui-bootstrap.js'></script>
<script src='range-slider.js'></script>
<script src="your_path/script.js"></script>
<script src="your_path/controllers.js"></script>

---

谢谢我已经删除了分号，但它说我有一个注入器模块问题你在HTML中包含了ng route js文件？嗨，是的，我有。谢谢。正确的错误是什么？你的问题把它删节了。。你的链接看起来怎么样。。您是否启用了HTML5模式？

financeApp.controller('homeCtrl', function($scope) {
 })