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

Popular posts from this blog

java - nested exception is org.hibernate.exception.SQLGrammarException: could not extract ResultSet Hibernate+SpringMVC -

sql - Postgresql tables exists, but getting "relation does not exist" when querying -

asp.net mvc - breakpoint on javascript in CSHTML? -