Angular UI Bootstrap：使手风琴保存状态

Question

如何在Angular UI Boot strap中制作手风琴保存其状态？

我喜欢的行为是用户点击手风琴内部的链接，然后点击返回，相同的群组会像以前一样展开。

如果有帮助，我正在使用带有ui路由器的SPA，我很高兴将状态保存为cookie。

我没有走得太远，因为我还没弄清楚如何阅读手风琴的状态，更不用说保存它了。

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>

控制器

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 {};
});