1
중간에보기가있는 단일 페이지 각도 응용 프로그램과 그 주변의 세로 막대 및 위쪽 막대 같은 도구가 있습니다. 그러나 사용자가 로그인하지 않으면보기에 로그인 부분이 표시되고 측면 및 상단 표시 줄이 숨겨져 야합니다. 뿐만 아니라 전체 화면 배경 이미지가 있어야합니다. 나는 작업 시도를 얻었으나, 오히려 추한, 그래서 내가 더 잘 할 수있는 방법을 궁금해 :AngularJS는보기로 모든 것이 아닙니까?
<body ng-app ="MB">
<div ng-controller="mbMainCtrl as mainCtrl" class="container-fluid">
<!--fullscreen background when not logged in-->
<div ng-hide="$root.loggedIn" class="landing" ng-cloak>
</div>
<div>
<div ng-show="$root.loggedIn" class="row">
<mb-topbar></mb-topbar>
</div>
<div class="row">
<div ng-show="$root.loggedIn" class="col-sm-1">
</div>
<div ng-show="$root.loggedIn" class="col-xs-12 col-sm-2">
<mb-sidebar></mb-sidebar>
</div>
<!--view always visible, loads the login page as well-->
<div class = "col-sm-6">
<div ng-view></div>
</div>
<div ng-show="$root.loggedIn" class="col-xs-12 col-sm-2">
<div class="row">
<div mb-news-feed-dir></div>
</div>
<div class="row">
<div mb-quest-feed-dir></div>
</div>
</div>
<div ng-show="$root.loggedIn" class="col-sm-1">
</div>
</div>
</div>
</div>
...
</body>