Javascript 角形视图

Javascript 角形视图,javascript,jquery,angularjs,Javascript,Jquery,Angularjs,我目前正在尝试构建一个角度js菜单,这里是我的代码,我似乎根本无法加载页面。我错过什么了吗?我是否包含了所需的所有正确脚本。对我来说很新鲜 //创建模块并将其命名为scotchApp var scotchApp=angular.module('RoutingApp',['ngRoute']); //配置我们的路线 scotchApp.config(函数($routeProvider){ $routeProvider //主页的路径 。当(“/”,{ templateUrl:'http://ww

我目前正在尝试构建一个角度js菜单,这里是我的代码,我似乎根本无法加载页面。我错过什么了吗?我是否包含了所需的所有正确脚本。对我来说很新鲜

//创建模块并将其命名为scotchApp
var scotchApp=angular.module('RoutingApp',['ngRoute']);
//配置我们的路线
scotchApp.config(函数($routeProvider){
$routeProvider
//主页的路径
。当(“/”,{
templateUrl:'http://www.habboholiday.net/pages/home.html',  
控制器:“主控制器”
})  
//关于页面的路由
.when('/about',{
templateUrl:'pages/about.html',
控制器:“关于控制器”
})  
//联系人页面的路由
.when('/contact',{
templateUrl:'pages/contact.html',
控制器:“contactController”
});  
});  
//创建控制器并注入Angular的$scope
scotchApp.controller('mainController',函数($scope){
//创建要在视图中显示的消息
$scope.HomeMessage='Home Controller Called!!!';
});  
scotchApp.controller('aboutController',函数($scope){
$scope.AboutMessage='关于调用的控制器!!!';
});  
scotchApp.controller('contactController',函数($scope){
$scope.ContactMessage='Contact Controller Called!!!';
});


我猜您错过了
ng应用程序
指令。将其添加到您的HTML中,然后重试。

我猜您错过了
ng app
指令。将其添加到HTML中,然后重试。

您需要将ng应用程序添加到HTML元素中

<html ng-app="RoutingApp">
  ....
</html>

....

此外,您可以将角度脚本引用移动到身体底部,或者它们至少应该包含在
标记中您需要将ng app添加到html元素中

<html ng-app="RoutingApp">
  ....
</html>

....

此外,您可以将角度脚本引用移动到身体底部,或者它们至少应该包含在代码段中的
标记中。我建议您在不同的视图中调用范围。您是否尝试过将
{{HomeMessage}}
放在家中?在您的代码片段中,所有内容似乎都正常运行。我建议您在不同的视图中调用范围。你试过把
{{HomeMessage}}
放在家里吗?。。这将确保浏览器理解此HTML块中的角度代码。。。这将确保浏览器理解此HTML块中存在的角度代码。但您的代码段现在可以工作了吗?嗯,您会遇到页面加载错误,但这是关于跨域加载的,而且about.html和contact.html没有在代码段中定义,但是您的代码段现在可以工作了吗?嗯,您会遇到页面加载错误,但这是关于跨域加载的,并且代码段中没有定义about.html和contact.html