Angularjs 它';s不以角度加载视图
我有一个空的MVC项目,但是我有一个名为MyViews的文件夹,其中包含html(view1.html和view2.html),而脚本html位于主项目文件夹下(位置在global.asax文件下面)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”{ 控制
键入的名称为:{{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) {