Fatal编程技术网
  • angularjs/
  • AngularJS不是一切都是视图吗？ 我试图有一个单页角应用程序，在中间有一个视图，工具如侧边栏和TopBar。但当用户未登录时，视图应显示登录部分，侧栏和顶栏应隐藏。以及应该有一个全屏背景图像。我尝试了一次工作，但很难看，所以我想知道如何才能做得更好： <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> ...

AngularJS不是一切都是视图吗？ 我试图有一个单页角应用程序，在中间有一个视图，工具如侧边栏和TopBar。但当用户未登录时，视图应显示登录部分，侧栏和顶栏应隐藏。以及应该有一个全屏背景图像。我尝试了一次工作，但很难看，所以我想知道如何才能做得更好： <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> ...

angularjs view

AngularJS不是一切都是视图吗？ 我试图有一个单页角应用程序，在中间有一个视图，工具如侧边栏和TopBar。但当用户未登录时，视图应显示登录部分，侧栏和顶栏应隐藏。以及应该有一个全屏背景图像。我尝试了一次工作，但很难看，所以我想知道如何才能做得更好： <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> ...,angularjs,view,partial-views,partial,Angularjs,View,Partial Views,Partial,我建议您使用ui路由器和嵌套视图，以更干净的方式完成类似的任务，而不必隐藏和显示dom元素

我建议您使用ui路由器和嵌套视图，以更干净的方式完成类似的任务，而不必隐藏和显示dom元素