2016-04-16 8 views
1

ich konfigurierte den UI.router mit XHTML Vorlagen. Die konfigurierte Vorlage wird jedoch nicht angezeigt.AngularJS: ui.router zeigt die Vorlage nicht

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> 

Kann mir jemand helfen, was passiert.

Antwort

0

Derzeit haben Sie named views, aber wie Routing für einfache Ansichten konfiguriert ist, so entfernen Sie ui-view Name aus ui-view Attribut. Sowohl ui-view sollte ohne Namen sein.

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

Hallo Pankaj, Es funktioniert. Vielen Dank – Sriraj

+0

@Sriraj Gut zu wissen, dass. Vielen Dank :-) –

Verwandte Themen