当使用ng-repeat加载选项卡时,最后打开的选项卡未存储在localstorage中

时间:2017-02-09 15:06:29

标签: javascript jquery angularjs twitter-bootstrap tabs

使用ng-repeat动态加载引导标签

    <li ng-class="{'active': $index==0}" ng-repeat="s in subMenu | orderBy:'id'"><a ng-show="s.accessible==true" data-toggle="tab" data-target="{{s.dataTarget}}">{{s.label}}</a></li>

它工作正常,但未能存储最后打开的选项卡。在刷新时,显示第一个选项卡。我使用以下内容存储最后打开的选项卡。

     $(function() { 
            $('a[data-toggle="tab"]').on('shown.bs.tab', function (e) {
            // save the latest tab
                localStorage.setItem('lastTab', $(this).attr('data-target'));
            });

            // go to the latest tab, if it exists:
            var lastTab = localStorage.getItem('lastTab');
            if (lastTab) {
                $('[data-target="' + lastTab + '"]').tab('show');
            }
        });

如果以静态方式加载选项卡,则上述代码可以正常工作。如何修改它以进行动态加载?

提前致谢。

0 个答案:

没有答案