Javascript AngularJS路由无法注入模块

Javascript AngularJS路由无法注入模块,javascript,html,angularjs,Javascript,Html,Angularjs,我已经尝试了几个例子,我尝试了路由和注入到HTML模板。它无法将模块插入HTML div中 index.html: 我不知道少了什么。有人能指出问题或提供建议吗 我在开发人员工具的控制台选项卡中发现此错误: 错误:$injector:moduler 模块错误 http://errors.angularjs.org/1.4.8/$injector/modulerr?p0=MyApp&p1=错误:[$injector:unpr]http://errors.angularjs.org/1.4.8/$i

我已经尝试了几个例子,我尝试了路由和注入到HTML模板。它无法将模块插入HTML div中

index.html: 我不知道少了什么。有人能指出问题或提供建议吗

我在开发人员工具的控制台选项卡中发现此错误:

错误:$injector:moduler
模块错误
http://errors.angularjs.org/1.4.8/$injector/modulerr?p0=MyApp&p1=错误:[$injector:unpr]http://errors.angularjs.org/1.4.8/$injector/unpr?p0=%24routeprovider
在https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js:6:416
在https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js:41:121
在d(https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js:39:92)
在Object.e[作为调用](https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js:39:362)
在d(https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js:38:64)
在https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js:38:188
在n(https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js:7:333)
在g(https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js:37:488)
在eb(https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js:41:249)
在c(https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js:19:463

在js文件中添加必要的控制器代码。否则会显示控制器未定义

var-app=angular.module(“MyApp”、“ngRoute”);
app.config(函数($routeProvider){
$routeProvider
.when(“/aboutme”{
templateUrl:“Templates/aboutme.html”,
控制器:“关于经济控制器”
})
.when(“/contact”{
templateUrl:“Templates/contact.html”,
控制器:“contactController”
})
})
app.controller(“AboutEconcontroller”,函数($scope){
$scope.msg=“测试”;
});
应用控制器(“contactController”,功能($scope){
$scope.msg=“测试”;
});

在js文件中添加必要的控制器代码。否则它会说控制器未定义

var-app=angular.module(“MyApp”、“ngRoute”);
app.config(函数($routeProvider){
$routeProvider
.when(“/aboutme”{
templateUrl:“Templates/aboutme.html”,
控制器:“关于经济控制器”
})
.when(“/contact”{
templateUrl:“Templates/contact.html”,
控制器:“contactController”
})
})
app.controller(“AboutEconcontroller”,函数($scope){
$scope.msg=“测试”;
});
应用控制器(“contactController”,功能($scope){
$scope.msg=“测试”;
});

您还应该在Script.js中为您的应用程序编写一个控制器。因此,在您的情况下,尝试以下方法:

    app.controller('MyApp', function($scope) {
    $scope.firstName = "John";
    $scope.lastName = "Doe";
});

您还应该在Script.js中为应用程序编写控制器。因此,在您的情况下,请尝试以下方法:

    app.controller('MyApp', function($scope) {
    $scope.firstName = "John";
    $scope.lastName = "Doe";
});

如果您在登录页本身的开发人员工具中看到错误,那么可能是因为缺少资源,例如未定义控制器、在代码中指定的“模板”目录中没有相应的html页面,或者我注意到的angular route脚本源中的键入错误(angualr route.min.js);假设文件存在/以正确的名称保存

您可以删除控制器(如果未在Script.js中定义),暂时只在模板中包含一些内容,以跟踪问题

如果问题是导航不工作,可能是因为您没有在本地服务器上运行导航

路由和导航要求您在本地服务器上运行应用程序。您可以使用Tomcat进行同样的操作


希望这会有所帮助。

如果您在登录页中的开发人员工具中看到错误,那么可能是因为缺少资源,例如未定义控制器、代码中指定的“模板”目录中没有相应的html页面,或者我注意到的angular route脚本源中的键入错误(angualr route.min.js);假设文件存在/以正确的名称保存

您可以删除控制器(如果未在Script.js中定义),暂时只在模板中包含一些内容,以跟踪问题

如果问题是导航不工作,可能是因为您没有在本地服务器上运行导航

路由和导航要求您在本地服务器上运行应用程序。您可以使用Tomcat进行同样的操作



希望这能有所帮助。

这是如何回答这个问题的?看起来除了脚本之外,您的代码基本上是相同的。@Claies no它有controllers@Sajeetharan请不要只是发布代码。还请解释为什么这会起作用。例如,向OP解释他们需要添加一些控制器。@Kildareflare addedsnippet运行时抛出错误。我尝试像您一样添加控制器。它没有改变这是如何回答问题的?看起来您的代码基本相同,除了脚本。@Claies no它有controllers@Sajeetharan请不要只是张贴代码。还请提供一个解释为什么这会起作用。例如,向OP th解释至少,他们需要添加一些控制器。@Kildareflare addedsnippet在运行时抛出错误。我尝试像您那样添加控制器。它没有改变。您在控制台中是否有任何错误?@Claies error:$injector:moduler moduler error您的脚本标记中有一个输入错误。
。问题不在于角度,而在于角度。@Claies您在控制台中有错误吗?@Claies Error:$injector:moduler Module Error您的脚本标记中有一个输入错误。
。问题不在于角度,而在于角度。@Claies另外,我希望您在“模板”目录中有aboutme.html和contact.html文件。我有错误:$injector:moduler moduler埃罗