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

Я настроил небольшое угловое приложение в tomcat, оно работает нормально, но когда я попытался использовать 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>
Источник

2 ответа

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

Также, пожалуйста, ознакомьтесь с документацией UI роутера для базовой настройки.

Источник 
var myapp = angular.module('sampleapp', ['ngRoute']);

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

<div ng-view></div>

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

Источник
Другие вопросы по тегам