javascript - Angular 用户界面 Bootstrap : Make accordion save state

Question

如何让 Angular UI Boot strap 中的 Accordion 保存其状态？

我想要的行为是用户点击 Accordion 内部的链接，然后点击返回，相同的组像以前一样展开。

如果有帮助，我正在使用带有 ui-router 的 SPA，我很乐意将其状态保存为 cookie。

我还没有走很远，因为我还没有弄清楚如何读取 Accordion 的状态，更不用说保存它了。

Answer 1

就像这样:

<accordion>
    <accordion-group heading="Scrooge Mcduck" is-open="storage.mcduck" ng-click="select('mcduck')">
        Quack Wealthy!
    </accordion-group>
    <accordion-group heading="LaunchPad Mcduck" is-open="storage.launchpad" ng-click="select('launchpad')">
        Quack Pilot!
    </accordion-group>
</accordion>

Controller

angular.module('myApp').controller('AccordionController', function ($scope, DuckStorage) {
  $scope.storage = DuckStorage;
  $scope.select  = function(duck) {
    DuckStorage[duck] = !DuckStorage[duck];
  }
});

服务:

angular.module('MyApp').factory('DuckStorage', function () {
  return {};
});