AngularJS : ui.router 不显示模板

AngularJS : ui.router not displaying the template

本文关键字：显示 router ui AngularJS      更新时间：2023-09-26

我用xhtml模板配置了UI.路由器。但配置的模板未显示。

应用.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'
      });
 });

索引.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>

主.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>

谁能帮助我正在发生的事情。

目前您有named views，但由于路由配置为简单视图，因此ui-view从ui-view属性中删除名称。两个ui-view都应该没有名字。

<div  ui-view=""></div>
相关文章：