Helpcenter +918010117117 https://help.storehippo.com/s/573db3149f0d58741f0cc63b/ms.settings/5256837ccc4abf1d39000001/57614ef64256dc6851749879-480x480.png" [email protected] https://www.facebook.com/StoreHippohttps://twitter.com/StoreHippohttps://www.linkedin.com/company/hippoinnovations/https://plus.google.com/+Storehippo/posts
B4,309-10 Spaze iTech Park, Sector 49, Sohna Road, 122001 Gurgaon India

Introduction

Overview Understanding Themes Global Objects Startup Widgets

Global Widgets

ms.navigation

This widget returns the list of all the navigation links or a single navigation link if the alias for a particular navigation is used.

Attributes

alias Specifies the alias of the navigation.

Variables

navigation
Returns the list of all the navigation links as of no alias is used with ms.navigation.
navigation.links
Returns the list of links available under a particular navigation of which alias attribute is used.
title It is title of the link
url It is the url to which that link will redirect.
children It contains children of that link which are itself an array of links.

Examples

Show header navigation (vuejs themes) 

<ms-navigation alias="header">
    <div v-for="link in navigation.links">
        <a :href="link.url">{{link.title}}</a>
    </div>
</ms-navigation>

Show header navigation (angular themes) 

<ul ms-widget="ms.navigation" ms-data-alias="header">
  <li ng-repeat="link in navigation.links">
    <a href="{{link.url}}">{{link.title}}</a>
  </li>
</ul>