Angularjs ngRoute未捕获的对象错误 [英] Angularjs ngRoute uncaught object error
本文介绍了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;
< DIV ID =模板> < DIV 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屋!
查看全文