AngularJS & Spring MVC - set templateUrl с $ stateProvider

Question

Я разрабатываю веб-приложение с использованием угловых js & spring-mvc.

В заголовке моего приложения

header.jsp

<nav class="navbar navbar-default navbar-fixed-top" > 
     <div class="container"> 
      <div class="navbar-header" > 
       <a class="navbar-brand" 
        href="<c:url value="/home"/>" >Pipeline Tracker 
       </a > 
      </div > 
      <div class="collapse navbar-collapse"> 
       <ul class="nav navbar-nav navbar-right"> 
        <li ui-sref-active="active"> 
         <a ui-sref="empty">PIPELINE</a> 
        </li> 
        <li ui-sref-active="active"> 
         <a ui-sref="employees">ADMIN</a> 
        </li> 
       </ul> 
      </div>   
     </div> 
    </nav> 

app.js

app.config(function($stateProvider, $urlRouterProvider){ 
$stateProvider 
    .state('empty', { 
     url: '/', 
     view: { 
      'main':{ 
       templateUrl: 'views/templates/empty.html', 
       controller: 'EmptyController' 
      } 
     } 
    }) 
    .state('employees',{ 
     url: '/admin/employees', 
     view: { 
      'main':{ 
       templateUrl: 'http://localhost:8070/PipelineClient/views/templates/employee.jsp', 
       controller: 'TestController' 
      } 
     } 
    }); 
$urlRouterProvider.otherwise('/'); 
}); 

Я не могу установить свойство templateUrl, так что мое приложение отлично перемещается. Я вижу, что url изменяется соответственно на «# /» и «#/admin/employees», но ничего не отображается. В консоли также нет ошибок.

Я попытался установить templateUrl двумя способами. Один с html и другой с jsp с использованием контекстного url. Ни один из них не работает.

Я удалил маршрутизацию и проверил данные загруженно. Нет проблем с загрузкой данных.

зависимостей нагрузки:

var app = angular.module('pipeline', [ 
    'ngResource', 
    'infinite-scroll', 
    'angularSpinner', 
    'jcs-autoValidate', 
    'angular-ladda', 
    'mgcrea.ngStrap', 
    'toaster', 
    'ngAnimate', 
    'ui.router' 
]); 

index.jsp

<div class="container main-content"> 
    <div ui-view="main"></div> 
</div> 

Как установить это свойство templateUrl? Я относительно новичок в угловатости, поэтому давайте узнаем, нужна ли вам дополнительная информация об этом.

Answer 1

Я считаю, что это ошибка синтаксиса, должен быть «мнения», а не «вид».

.state('employees',{ 
     url: '/admin/employees', 
     views: { <--- change view to views 
      'main':{ 
       templateUrl: 'http://localhost:8070/PipelineClient/views/templates/employee.jsp', 
       controller: 'TestController' 
      } 
     } 
    }); 

Answer 2

Я не знаком с синтаксисом «view:», который вы используете. это работает, если вы делаете:

.state("test", { 
     templateUrl: "views/templates/empty.html", 
     controller: 'EmptyController' 
     } 

http://localhost:8070/#/test