gpt4 book ai didi

angularjs - 在具有多个 View 的tomcat中配置angularjs应用程序

转载 作者:行者123 更新时间:2023-11-28 23:34:10 24 4
gpt4 key购买 nike

我在 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>

数据 View .html

<b>{{ message }}</b>

最佳答案

确保你已经添加了 angular-route.js在您的 index.html 文件中。

另请阅读 ui router 的文档进行基本设置

关于angularjs - 在具有多个 View 的tomcat中配置angularjs应用程序,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26380867/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com