我使用 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>
任何人都可以帮助我解决发生的事情吗?
最佳答案
当前您有命名 View
,但由于路由配置为简单 View ,因此从ui-view
属性中删除ui-view
名称。两个 ui-view
都应该没有名称。
<div ui-view=""></div>
关于javascript - AngularJS : ui. 路由器不显示模板,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36667455/