html - Rendering Angularjs specfic view without header and footer -
so of pages use index.html render pages , in index.html, code structured views render in div ng-view="" tag as:
<body> <div class="navbar navbar-inverse" role="navigation" ng-controller="indexcontroller" style="border-bottom: #ab2328 3px solid;"> <div class="container"> <div class="navbar-header"> <button class="btn btn-success navbar-toggle" ng-click="navbarexpanded = !navbarexpanded"> <span class="glyphicon glyphicon-chevron-down"></span> </button> <a ng-show="!isswa" class="navbar-brand" href="http://www.naviabenefits.com" target="_blank"><img style="height: 37px;" src="ppt/assets/navia.png"></a> <a ng-show="isswa" class="navbar-brand" href="http://pebb.naviabenefits.com/" target="_blank"><img style="height: 37px;" src="ppt/assets/navia.png"></a> </div> <div class="collapse navbar-collapse" collapse="!navbarexpanded"> <ul ng-show="!isswa" class="nav navbar-nav navbar-right"> <li ng-show="authentication.isadmin"><a href="#/admin/ppt">admin</a></li> <li><a href="https://www.naviabenefits.com/products-and-services/" target="_blank">products + services</a></li> <li><a href="https://www.naviabenefits.com/about/" target="_blank">about us</a></li>` <li><a href="https://www.naviabenefits.com/testimonials/" target="_blank">testimonials</a></li> <li><a href="https://www.naviabenefits.com/careers/" target="_blank">careers</a></li> <li><a href="https://www.naviabenefits.com/news/" target="_blank">news</a></li> <li><a href="https://www.naviabenefits.com/blog/" target="_blank">blog</a></li> <li><a href="https://www.naviabenefits.com/contact/" target="_blank">contact us</a></li> <li ng-show="authentication.isauth"><a id="signout" href="#/logout" >sign out <i class="fa fa-sign-out"></i></a></li> </ul> </div> </div> </div> <div class="container-fluid"> <div ng-view=""> </div> </div> <div id="footer" role="navigation" ng-controller="indexcontroller"> <div class="container"> <div class="footerlinks"> </div> </div> </div> </body>
so have couple of pages want render without header , footer, still keep of other pathing.
this "plain" page has own controller , , routing in app.js looks like:
$routeprovider.when("/claimreceipt-plain", { controller: "claimreceiptcontroller", templateurl: "ppt/views/claims/claimreceipt-plain.html" });
how can within index.html , not have header , footers render, me more or less, own page?
define scope level boolean variable on page controller don't want header , use ng-show directive apply condition on header div tag.
Comments
Post a Comment