Menu icon Foundation
How to implement multiple ui-view

I am trying to explore foundation for apps and ui-router but I am unable to figure out how to implement multiple ui-views on a single page. For routing I know I have to specify the name and the url at the top and foundation will do the rest. I just want to know how to implement multiple ui-views in the same manner.

ui-views ui-router FFA

I am trying to explore foundation for apps and ui-router but I am unable to figure out how to implement multiple ui-views on a single page. For routing I know I have to specify the name and the url at the top and foundation will do the rest. I just want to know how to implement multiple ui-views in the same manner.

Rafi Benkual almost 4 years ago

I think UI Router is for the main views in the page wrapper. You can use the ui-view attribute to load a view in:

Example:

<div class="grid-block scroll-section" ng-class="['ui-animation']" ui-view>

Rohan Purekar almost 4 years ago

I want to know about the implementation of named views.(Multiple views)

if one view is
HTML
<div ui-view="abc"> </div>

and I want to load a template in this particular view how would I do that??