Question

这是怎么回事

layout.cshtml 包含

<body ng-controller="applicationCtrl">
    <div class="container body-content">
        @RenderBody()
    </div>
</body>

Index.cshtml 包含（将呈现给layout.cshtml）

<div>
    <div class="row" header ng-show="showHeader"></div>
</div>
<nav-bar ng-show="showMenu"></nav-bar>
<div ui-view></div>

application.js 包含

myapp.config(function ($stateProvider, $urlRouterProvider, $httpProvider) {

    $urlRouterProvider.otherwise('/login'); //default route
    $stateProvider.state('home', {
         url: '/home',
         templateUrl: 'Client/Modules/application/views/home.htm',
     })
     .state('home.interstatus', {
            url: '/interstatus',
            templateurl: 'Client/Modules/interStatus/views/interStatus.htm',
        })

home.htm 包含

//some code (lets say <h1>Hello World.I am getting rendered to ui-view in index.htm successfully</h1>)
<div ui-view></div>

interStatus.htm 包含

<h1>Why am I not getting rendered to ui-view in home.htm ??</h1>

在我的登录代码中有类似

的内容

if ($state.current.name == 'login') {
    $state.transitionTo('home.interstatus');
}

当我登录我的应用程序时，我可以看到home.htm（Hello world ....）中的标题，导航栏甚至内容，但不是interStatus.htm中的内容。

提前致谢。

Answer 1

你在home.interstatus状态中拼错了templateUrl。

ui-view不呈现页面

1 个答案: