Question

我使用xhtml模板配置了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>

任何人都可以帮我解决发生的事情。

Answer 1

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

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

AngularJS：ui.router不显示模板

1 个答案: