Angularjs的ngRoute未捕获对象错误

Angularjs ngRoute uncaught object error

本文关键字：对象 错误 ngRoute Angularjs      更新时间：2023-09-26

当我试图加载我的angularjs应用程序时，我在控制台上得到一个未捕获的对象错误。我不知道它是否与ng-route.js有关，但这就是所有的错误告诉我是未捕获的对象

这是我的代码

HTML 

<!doctype html>
<html class="no-js" lang="en" ng-app="selfservice">
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Foundation</title>
    <link rel="stylesheet" href="css/app.css" />
    <script src="bower_components/modernizr/modernizr.js"></script>
    <script src="bower_components/angular/angular.min.js"></script>
    <script src="bower_components/angular-route/angular-route.min.js"></script>
    <script src="bower_components/jquery/dist/jquery.min.js"></script>
    <script src="js/app.js"></script>
    <script src="js/controllers.js"></script>
  </head>
  <body>
    <div id="template">
        <div id="view">
            <ng-view></ng-view>
        </div>
    </div>
    <script src="bower_components/foundation/js/foundation.min.js"></script>
    <script>
        //initialize foundation
        $(document).foundation();
    </script>
  </body>

app.js 

//Initialize angular module include route dependencies
var app = angular.module("servicedesk", ['ngRoute']);
app.config(function ($routeProvider) {
   $routeProvider
       .when('/', {
           templateUrl:"partials/login.html",
           controller:"login"
       });
});

controller.js 

app.controller("login", function ($scope) {
    return "";
});

ng-app应包含模块名称。修改ng-app="selfservice"为ng-app="servicedesk"

Angular-route是一个独立的模块，你需要把它包含在你的servicedesk模块声明中，像这样:

var app = angular.module("servicedesk", ["ngRoute"]);
相关文章：