여러보기로 톰캣에 angularjs 앱 구성

Tomcat에서 작은 각도 앱을 잘 작동하도록 구성했지만 경로 공급자를 사용하려고 할 때 작동하지 않습니다. 내보기로 라우팅 할 수 없습니다. 왜 그런지 몰랐습니까?여러보기로 톰캣에 angularjs 앱 구성

누구나 작은 예제를 줄 수 있습니까?

내 코드 파일

//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>

출처

2014-10-15 Harshit Thacker

어떤 코드를 사용해 보셨습니까? –

예 아주 간단한 예제를 시도했지만 여전히 작동하지 않습니다. –

코드를 게시 해주세요. –

index.html 파일에 angular-route.js 을 추가했는지 확인하십시오.

또한 기본 설정 u는 또한 ngRoute 의존성을 추가 할 필요가

출처

2014-10-15 11:16:51 forgottofly

내 코드를 게시 했으니까요. 문제가 있다면 여기를 찾아주세요. –

아직도이 질문에 대한 해결책을 찾고 있습니다. 도와 주실 수 있습니까? –

var myapp = angular.module('sampleapp', ['ngRoute']);

에 대한 UI 라우터의 설명서를 통해 이동하시기 바랍니다. sampleapp은 ngRoute에 의존하기 때문에

<div ng-view></div>

이 또한 추가해야합니다. 부분이이 div에로드됩니다. 이것을 body 안에 넣으십시오.

출처

2014-10-15 11:49:55

답장을 보내려고 애쓰다. –

아직 작동하지 않는다. –

도 대답을 업데이트 해주십시오. –

여러보기로 톰캣에 angularjs 앱 구성

답변

관련 문제