Как реализовать два слайд-меню на обеих сторонах страницы в Onsen-UI?

Question

Я новичок в Onsen-UI и хотел бы иметь слайд-меню с обеих сторон моей страницы. Я намерен иметь несколько страниц, которые будут иметь эту функциональность, и не знаю, как я могу это реализовать. Каков наилучший способ сделать это?

Answer 1

Вы должны вложить два разных ons-sliding-menu как это:

<ons-sliding-menu
        main-page="page"
        menu-page="menu-left.html"
        side="left" ...>
</ons-sliding-menu>

<ons-template id="page">
    <ons-sliding-menu
            main-page="content.html"
            menu-page="menu-right.html"
            side="right" ...>
    </ons-sliding-menu>
</ons-template>

<ons-template id="menu-left.html"> ... </ons-template>
<ons-template id="menu-right.html"> ... </ons-template>
<ons-template id="content.html"> ... </ons-template>

Работаем здесь: http://codepen.io/onsen/pen/qHeJx

Надеюсь, поможет:)