AngularJS: ui.router не отображает шаблон

Я настроил ui.router с помощью шаблонов xhtml. Но настроенный шаблон не отображается.AngularJS: ui.router не отображает шаблон

app.js

ClaimsDB.config(function($stateProvider, $urlRouterProvider){ 

$urlRouterProvider.otherwise("/main"); 

$stateProvider 
    .state('main', { 
     url: "/main", 
     controller:'InitializeCtrl', 
     templateUrl: '/cg510_claimsdb_main/html/main.xhtml' 
    }) 
    .state('main.home', { 
      url: "/home", 
      controller: 'ClaimController', 
      templateUrl: '/cg510_claimsdb_main/html/tilesView.xhtml' 

     }) 
     .state('main.createClaim', { 
      url: "/createClaim", 
      controller: 'ClaimController', 
      templateUrl: '/cg510_claimsdb_main/html/createClaim.xhtml' 
     }); 
});

index.xhtml

<body data-ng-app="ClaimsDB" style="margin: 0px; background-color: #EDEDED; z-index: 1000;" popover-close="true" exclude-class="exclude" > 
    <div id="processing" style="display: none"> 
     <img src="/cg510_claimsdb_main/core/images/loading_image.gif" /> 
    </div> 
    <div ui-view="ui-view"></div> 
</body>

main.xhtml

<div> 
<div data-ng-controller="InitializeCtrl" data-ng-init="init()"> 
    <claims-db-header-tag></claims-db-header-tag> 
    <div data-ng-include="'/cg510_claimsdb_main/html/breadCrumb.xhtml'" style="position: fixed; width: 100%;z-index: 100; padding-top: 65px;"></div> 
    <div data-ng-show="filterShow" data-ng-include="'/cg510_claimsdb_main/html/filter.xhtml'" style="padding-top: 105px;"></div> 

    <div ui-view="ui-view"></div> 
</div>

Может кто-нибудь помочь мне в том, что происходит.

источник

2016-04-16 Sriraj

В настоящее время у вас есть named views, но поскольку маршрутизация настроена как для простых видов, поэтому удалите ui-view имя от ui-view. Оба ui-view должны быть без имени.

<div ui-view=""></div>

источник

2016-04-16 17:37:41

Hi Pankaj, Его работа. Спасибо alot – Sriraj

@Sriraj Рад это знать. Благодаря :-) –

AngularJS: ui.router не отображает шаблон

ответ

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