Question

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

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

我一直收到错误：

controllers.js ：8未捕获的SyntaxError：意外的令牌。 angular.js：38

未捕获错误： [$ injector：modulerr] http://errors.angularjs.org/1.3.6/ $ injector / modulerr？p0 = financeApp＆amp; p1 =错误... ogleapis.com％2Fajax％2Flibs％2Fangularjs％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: '/'
                });
        });

Answer 1

要仔细检查的事情

<强>第一您很可能缺少或没有包含三个依赖项之一的文件ngRoute，rangeSliderui.bootstrap

第二名：确保按此顺序包含了脚本文件

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

<强>第三

您正在混合链模式和引用变量

确保在控制器注册前有financeApp

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

Answer 2

在controller.js的第6行有一个分号 - 删除它。事实上，他们无处不在，删除所有这些。

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

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

你知道吗？在上面的大肠之后？这就是问题所在。

Answer 3

您需要在所有.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) {
});

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

3 个答案: