Angularjs 它';s不以角度加载视图

Angularjs 它';s不以角度加载视图,angularjs,angularjs-directive,angularjs-scope,angular-ui,angular-routing,Angularjs,Angularjs Directive,Angularjs Scope,Angular Ui,Angular Routing,我有一个空的MVC项目,但是我有一个名为MyViews的文件夹,其中包含html(view1.html和view2.html),而脚本html位于主项目文件夹下(位置在global.asax文件下面) 键入的名称为:{{typedName} 名称: {{person.name |大写}}-{{person.city} angular.module('App',[]).config(函数($routeProvider){ $routeProvider .when(“/View1”{ 控制

我有一个空的MVC项目,但是我有一个名为MyViews的文件夹,其中包含html(view1.html和view2.html),而脚本html位于主项目文件夹下(位置在global.asax文件下面)



键入的名称为:{{typedName}
名称:
  • {{person.name |大写}}-{{person.city}
angular.module('App',[]).config(函数($routeProvider){ $routeProvider .when(“/View1”{ 控制器:“Fir”, templateUrl:“/MyViews/View1.html” }) .when(“/View2”{ 控制器:“Fir”, templateUrl:“/MyViews/View2.html” }) .否则({ 重定向到:'/View1' }); }) .控制器('Fir',功能($scope){ $scope.Customers=[{ 姓名:“Kiam”, 城市:洛杉矶 }, { 名称:‘Se’, 城市:拉斯维加斯 }] });
您能检查一下您的
MyViews
文件夹是否与您的JavaScript文件位于同一路径中吗

另外,请尽量避免以
/
开头的路径,这表示来自应用程序的
根目录的路径

templateUrl
路径必须与被调用的JavaScript文件相对

app/
    main.js
    MyViews/
        View2.html

您试图使用angular routing模块,但实际上从未将其包含在页面中

要使此代码正常工作,需要进行两次更改;首先,您需要在页面上加载
ngRoute
模块,当然还需要在脚本目录中提供该模块。i、 e

<script src="Scripts/angular.min.js"></script>
<script src="Scripts/angular-route.js"></script>

正如我之前所提到的,你不能只关注一个已经有两年历史的视频指南,而期望它能在当前版本的angular中正常工作。发生了许多破坏性更改,包括本例,角度路由模块被移动到其自己的文件中。

是否有任何错误?是否使用ng app=“app”加载应用程序??当你与试图回答你先前关于同一主题的问题的人进行积极对话时(甚至在最后一小时内提供聊天会话),你为什么要就同一主题提出新问题@克里斯托弗·杜福尔:是的,我确实都说对了,还是运气不好。看到我上面更新的代码…我完全粘贴了。只是出于好奇,因为你似乎试图一帧一帧地跟踪视频,你的项目中包含了哪个版本的angular?事实上,在他的视频中,底部有一个红色框,上面写着“angular 1.2或更高版本的路由有点变化”,它基本上引导你进入angular讨论,描述了我在这里的答案。谢谢,我删除了/并且我还粘贴了我的文件夹结构。它不起作用:(谢谢你,但是你怎么知道这个模块的名称是ngRoute?我可以保留任何名称?或者是从你知道它叫ngRoute的文档中知道的?我在你给我的链接中看到了它…而且,我现在意识到视频上传者写了一些关于路由更改的评论,我没有注意到,因为我正在通过downloadi离线观看视频。)ng(没有看到他在这段视频下面写的描述:()谢谢你提醒我,我现在一定要看每一段视频:)另外,我做了一个小的修正,我必须在单引号下使用ngRoute……否则它就不起作用了:Syes,这只是一些你必须阅读文档才能知道的东西;更新的教程和视频使用了足够多的名称,你可能会看到提到它,即使你不知道它在文档中的位置。但是angular是一个非常大的fra我的工作,有很多文档…非常感谢…我担心我如何才能理解困难的概念…我正在慢慢学习…在完成这段视频后,我也将观看新的视频…我也尝试在我的VS中做同样的事情…这让我很好地理解。。。
angular.module('App', ['ngRoute']).config(function($routeProvider) {