javascript - how to use <div ng-view = ""> mulitple times -


in application have index.html file have loaded required scripts , body contains empty ng-view content update based on route url. first page landing page i'am showing button user, clicking on showing login page, changing path value of $location.

on successful login dashboard page should come header, sidebar footer area going fixed , center area going changed based on menu clicks there in header section, changing route value center area declared

when trying load dashboard.html page going infinite loop , when removing center div nothing empty view , view rendering fine. problem using

can suggest me whether understanding corect ??

if yes please suggest me how achieve requirement...

index.html

    <div class="row">          <div data-ng-view=""></div>      </div> 

dashboard.html

<div class = "row">       <header div here>       <div>           <sidebar div>           **<div data-ng-view = ""></div>**   not working       </div>       <footer div here> </div> 

i have provided html code

thanks

what you're trying not supported default router. can try ui-router supports multiple , nested views. can see example here http://plnkr.co/edit/7fd5wf?p=preview. index.html contains main view.

<body ng-controller="mainctrl" class="container">   <div ui-view></div> </body> 

inside contacts.html there view

<h1>my contacts</h1> <div ui-view></div> 

Comments

Popular posts from this blog

toolbar - How to add link to user registration inside toobar in admin joomla 3 custom component -

linux - disk space limitation when creating war file -