Angularjs ngRoute未捕获的对象错误 [英] Angularjs ngRoute uncaught object error

查看:136
本文介绍了Angularjs ngRoute未捕获的对象错误的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

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

下面是我的code

HTML

 <!DOCTYPE HTML>
< HTML类=无JSLANG =ENNG-应用=自助服务>
  < HEAD>
    <间的charset =UTF-8/>
    < META NAME =视口CONTENT =WIDTH =设备宽度,初始规模= 1.0/>
    <标题>基础与LT; /标题>
    <链接rel =stylesheet属性HREF =CSS / app.css/>
    <脚本SRC =bower_components / Modernizr的/ modernizr.js>< / SCRIPT>
    &所述; SCRIPT SRC =bower_components /角度/ angular.min.js>&下; /脚本>
    <脚本SRC =bower_components /角路由/角route.min.js>< / SCRIPT>
    <脚本SRC =bower_components / jQuery的/距离/ jquery.min.js>< / SCRIPT>
    <脚本SRC =JS / app.js>< / SCRIPT>
    <脚本SRC =JS / controllers.js>< / SCRIPT>
  < /头>
  <身体GT;
    < D​​IV ID =模板>        < D​​IV ID =查看>
            < NG-视图>< / NG-视图>
        < / DIV>    < / DIV>    <脚本SRC =bower_components /基础/ JS / foundation.min.js>< / SCRIPT>
    <脚本>
        //初始化基础
        (文档)$ .foundation();
    < / SCRIPT>
  < /身体GT;

app.js

  //初始化模块棱角分明的路线包括依赖VAR应用= angular.module(的ServiceDesk,['ngRoute']);的app.config(函数($ routeProvider){
   $ routeProvider
       。什么时候('/', {
           templateUrl:谐音/ login.html的
           控制器:登录
       });
});

controller.js

  app.controller(登录,函数($范围){
    返回;
});


解决方案

NG-应用应包含模块的名称。更改 NG-应用=自助服务 NG-应用程序=的ServiceDesk

I'm getting an uncaught object error in my console when trying to load my angularjs app. I don't know if it's related to ng-route.js or not, but that's all the error tells me is uncaught object

Here's my Code

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 should contain the name of the module. Change ng-app="selfservice" to ng-app="servicedesk".

这篇关于Angularjs ngRoute未捕获的对象错误的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆