AngularJS：ui.router不显示模板

我使用xhtml模板配置了ui.router。但配置的模板不显示。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

嗨Pankaj，它的工作。非常感谢 – Sriraj

@Sriraj很高兴知道这一点。谢谢：-） –

AngularJS：ui.router不显示模板

回答

相关问题