2014-12-16 3 views
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> 

답변

1

난 당신이 UI 라우터를 사용하지 않고 더 깨끗한 방법으로 이런 일을 수행하는 중첩 된보기를 제안한다 dom 요소를 숨기고 표시해야합니다.

관련 문제