Angular的ng-view

最新推荐文章于 2020-12-01 08:16:44 发布

转载最新推荐文章于 2020-12-01 08:16:44 发布 · 166 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：https://my.oschina.net/u/2436852/blog/783753

文章标签：

#javascript #python #ViewUI

本文介绍了如何在AngularJS应用中使用ng-view指令进行页面局部刷新，并结合路由配置实现单页面应用的导航功能。通过示例展示了如何定义模块、配置路由及控制器，以及如何在JSP页面中应用这些配置。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

2019独角兽企业重金招聘Python工程师标准>>>

IB坐席来电号码屏蔽学习同事Angular的ng-view
在一个jsp页面，有它自己的controller，但是
其中有用到模板！
angular.module里要加上路由也就是ngRoute
然后配置源
myModule.config(['$routeProvider', function ($routeProvider) {
$routeProvider
.when('/test', {
templateUrl: 'html/public/customer/viewIBCustomer.html',
controller: 'viewIBCustomerCtrl'
});
}]);
从以上代码看出controller已经写了，所以在页面里不用写了。
/test这个名字起有点差，让别人不好找！！
原来的jsp页面要加一个div里面有ng-view指令
跳转到viewIBCustomer.html后，不用引别的js！！
直接展示就ok！！
这里在跳转过来的时候他用的是$location.path('test');
这里的test就是上面when里的