ms.categories

This widget returns the list of categories in the hierarchical format.

Variables
Examples

Variables

categories

Returns array of categories in hierarchical format. Each category has various detail about itself such as name, alias, image and etc.

name	Returns the name of the category.
alias	Returns the alias of the corresponding category.
image	Returns the url of the image if the image is available within the category.
children	Return a children object which is itself a category with same variables

Examples

Display all categories (vuejs themes)

<ms-categories>
    <div v-if="categories && categories.length">
        <h3 v-for="category in categories">
            <a :href="'/browse/'+ category.alias" title="{{category.name}}">
                {{category.name}}
            </a>
        </h3>
    </div>
    <div v-if="!categories.length">
        {{ms.filters.translate('No category found')}}
    </div>
</ms-categories>

Display all categories

<div ms-widget="ms.categories">
    <div ng-if="categories.length">
        <h3 ng-repeat="category in categories">
            <a ng-href="/browse/{{category.alias}}" title="{{category.name}}">
                {{category.name}}
            </a>
        </h3>
    </div>
    <div ng-if="!categories.length">
        <p>No category exist!</p>
    </div>
</div>