ui-view 未呈现页面

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

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

提前致谢。

Answer 1

您在 home.interstatus 状态下拼错了 templateUrl。

ui-view 未呈现页面

ui-view is not rendering the page

asp.net-mvc

angularjs

angular-ui-router