Accordion list with OnsenUI

[亡魂溺海] 提交于 2019-12-10 21:04:54

问题


Is this possible with OnsenUI? http://codepen.io/ionic/pen/uJkCz

I am sure I saw a demo of it in the docs before the 1.1 update, but I can't find it now. Does such a demo exist and, more importantly, is it possible to do this with the framework?

The trivial example below is not encouraging:

<ons-list>           
    <ons-list-item modifier="chevron">One</ons-list-item>
    <ons-list-item modifier="chevron">
        <ons-list>           
            <ons-list-item modifier="chevron">One</ons-list-item>
            <ons-list-item modifier="chevron">Two</ons-list-item>
        </ons-list>
    </ons-list-item>
</ons-list>

回答1:


Yes, it is. Please see http://codepen.io/onsen/pen/vjlsF

Note that different from ionic, Onsen UI does not include ngAnimate initially. You should use the following statement.

angular.module('myApp',['onsen','ngAnimate'])


来源:https://stackoverflow.com/questions/25037489/accordion-list-with-onsenui

标签
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!