Angular 手风琴 - 多个打开的组

Question

是否可以同时开多个群。现在，如果我单击某个组并将其展开，所有其他组都会折叠起来。我想同时看到更多的扩展组。

   <accordion>
        <accordion-group heading="{{condition.name}}" ng-repeat="condition in conditions" is-open="condition.isOpen" data-ng-click="setCategoryStatus(condition)">
            <li ng-repeat="item in condition.items">
                    <div>{{item.description}}</div>
            </li>
        </accordion-group>
    </accordion>

控制器：

      $scope.setCategoryStatus = function (category) {
          var index = $scope.conditions.indexOf(category);
          $scope.conditions[index].isOpen = !$scope.conditions[index].isOpen;
      };

数据：

    [
{
    "name": "First",
    "isOpen":true,
    "items": [
        {
            "id": 1,
            "description": "Some desc",

        },
        {
            "id": 2,
            "description": "Some desc  2",
        }
    ]
},
{
    "name": "Second",
    "isOpen":true,
    "items": [
        {
            "id": 1,
            "description": "Some desc",

        },
        {
            "id": 2,
            "description": "Some desc  2",
        }
    ]
}

Answer 1

在docs中，使用close-others属性，可以是true也可以是false：

<accordion close-others="false">
    <accordion-group heading="{{condition.name}}" ng-repeat="condition in conditions" is-open="condition.isOpen" data-ng-click="setCategoryStatus(condition)">
        <li ng-repeat="item in condition.items">
                <div>{{item.description}}</div>
        </li>
    </accordion-group>
</accordion>

Angular 手风琴 - 多个打开的组

Angular accordion - multiple opened groups

javascript

accordion

angularjs

angularjs-directive