在tomcat中配置具有多个视图的angularjs app
在tomcat中配置具有多个视图的angularjs app
提问于 2014-10-15 18:58:59
我在tomcat中配置了一个小的angular应用程序，它工作得很好，但当我尝试使用route-Provider时，它就不工作了。我不能转向我的观点。我不知道为什么？
有没有人能举个小例子。
我的代码文件
//this is controllers.js
var myapp = angular.module('sampleapp', []);
myapp.config('$routeProvider',function myRoute($routeProvider) {
$routeProvider.
when('/', {
templateUrl: 'partials/admin.html',
controller: 'adminController'
})
when('/showdata', {
templateUrl: 'partials/data-view.html',
controller: 'dataController'
}).
otherwise({
redirectTo: '/'
});
});
adminController = function ($scope) {
$scope.message = "Welcome to Login Page";
}
dataController = function ($scope) {
$scope.message = "Welcome to Show Data Page";
}
myapp.controller(controllers)我的index.html
<html>
<base href="/advangularjs/" />
<head>
<link type="text/css" rel="stylesheet" href="css/default.css">
<script src="js/angular.js"></script>
<script src="js/angular-route.js"></script>
<script src="demoweb_angular/controllers.js"></script>
</head>
<body ng-app="sampleapp" style="background-color: #E0EEE0">
<a href="#"> Login </a> |
<a href="showdata"> Show Data </a>
<div ng-view align="center" style="border: 1px solid red;">
</div>
</body>
</html>admin.html
<b>{{ message }}</b>data-view.html
<b>{{ message }}</b>回答 2
Stack Overflow用户
发布于 2014-10-15 19:16:51
确保在index.html文件中添加了angular-route.js。
此外，请查看ui路由器的文档以了解基本设置
Stack Overflow用户
发布于 2014-10-15 19:49:56
var myapp = angular.module('sampleapp', ['ngRoute']);您还需要添加ngRoute依赖项。因为您的sampleapp依赖于ngRoute。
<div ng-view></div>您还需要添加此内容。正在将部分加载到此div。把这个放到body里面。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/26380867
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号