我使用angular作为前端开发webapp。 Iam严格遵守SPA概念。我已经使用ng-include指令包含了两个文件。
<div ng-controller="MainController">
<div ng-if="!isLoggedIn">
<!-- Should include MAININDEX.HTML here.........--->
<div ng-include="'templates/mainindex.html'"></div>
</div>
<div ng-if="isLoggedIn">
<!-- Should include MAINLOGGEDIN.HTML here.........--->
<div ng-include="'templates/mainloggedin.html'"></div>
</div>
</div>
一旦我登录,第二个div就会显示出来。它工作得很好但是在我的第二个div的负载上我希望在下面的部分中显示一个ui-view。
<!----Header bar, Side bar, Navigation bar code goes here--->
<section class="content-wrapper">
<div ui-view=""></div>
</section>
<!--footer bar code here--->
我的标题栏和页脚栏会在我的登录成功后立即加载,但我的ui-view未加载。我希望我的家庭路线最初加载。但它是空白的,我必须单击其他路线,然后单击主页以在我的UI视图部分中显示它。我的状态路由代码就像这样......
// For any unmatched url, redirect to /state1
$urlRouterProvider.otherwise("/home");
//
// Now set up the states
$stateProvider
.state('index', {
url: "/home",
templateUrl: 'templates/main.html',
controller: 'MainController',
resolve: {
loggedin: checkLoggedin
}
})
我在某些地方出错了。我的网址路由是否正常。