Настроить приложение angularjs в tomcat с несколькими видами

Я настроил небольшое угловое приложение в tomcat, работая отлично, но когда я попытался использовать route-Provider, он не работает. Я не могу перейти к своим представлениям. Я не знал почему?Настроить приложение angularjs в tomcat с несколькими видами

Может ли кто-нибудь дать небольшой пример для этого.

Мои файлы Код

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

любые коды u попробовали? –

да, я пробовал очень простой пример, но все же я не могу найти его рабочим –

, пожалуйста, напишите код, который вы пробовали. –

Убедитесь, что вы указали в файле index.html файл angular-route.js .

Также Перейди через документацию УИ маршрутизатора для базовой настройки

источник

2014-10-15 11:16:51 forgottofly

Я отправил свой код, вы можете найти в нем проблемы, если они есть –

Тем не менее, я нахожу решение по этому вопросу, вы можете мне помочь? –

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

и нужно добавить ngRoute также Зависимость от. Потому что ваш sampleapp зависит от ngRoute.

<div ng-view></div>

вам также необходимо добавить это. частичные загружаются в этот div. положите это внутри body.

источник

2014-10-15 11:49:55

Позвольте мне попытаться поблагодарить вас за ваш быстрый ответ –

Все еще не работает, я попробовал это также –

обновил ответ, пожалуйста, проверьте –

Настроить приложение angularjs в tomcat с несколькими видами

ответ

Смежные вопросы