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
Post a Comment