如何使选定的手风琴在页面刷新时保持活动状态

时间:2019-07-08 07:22:59

标签: html angularjs angular-ui-router accordion materialize

我在导航时使用了可折叠的。除非我重新加载页面,否则一切正常。该可折叠设备关闭,我必须手动将其重新激活。如何使可折叠的页面在重新加载时保持活动状态?

这是我的代码:

<ul id="slide-out" class="side-nav fixed leftside-navigation">
    <ul class="collapsible" data-collapsible="expandable">
        <li>
            <a class="collapsible-header">
                <i class="material-icons">home</i> Home
            </a>
            <div class="collapsible-body">
                <ul>
                    <li ui-sref-active="active">
                        <a ui-sref="protect" ui-sref-opts="{reload: true}">
                            <i class="material-icons">dashboard</i> Dashboard
                        </a>
                    </li>
                    <li ui-sref-active="active">
                        <a ui-sref="store" ui-sref-opts="{reload: true}">
                            <i class="material-icons">cloud_done</i> Storage
                        </a>
                    </li>
                </ul>
            </div>
        </li>
        <li>
            <a class="collapsible-header">
                <i class="material-icons">event_available</i>Manage
            </a>
            <div class="collapsible-body">
                <ul>
                    <li ui-sref-active="active">
                        <a ui-sref="manage" ui-sref-opts="{reload: true}">
                            <i class="material-icons">storage</i> Manage Storage
                        </a>
                    </li>
                    <li ui-sref-active="active">
                        <a ui-sref="enroll" ui-sref-opts="{reload: true}">
                            <i class="material-icons">file_download</i> Enroll
                        </a>
                    </li>
                </ul>
            </div>
        </li>
    </ul>
</ul>

1 个答案:

答案 0 :(得分:1)

您想做的事与program state有关,因此除非您保存活动手风琴的nameid,否则您将无能为力。可以使用浏览器local storage轻松完成。