javascript - Angular - Accordion - 仅显示事件组

Question

我正在使用 angular uib-accordion 并且我的 Accordion 组是使用 ng-repeat 动态填充的，就像这样

<uib-accordion id="customer-details">
<uib-accordion-group   ng-repeat="task in ctrl.results | toArray |     orderBy:ctrl.orderByFunction" ng-click="ctrl.select(task, $index)">
    <uib-accordion-heading >
    </uib-accordion-heading>
 <uib-accordion-group>

我的问题是如何让这个 Accordion 只显示事件组并完全隐藏。此外，事件组需要占据 Accordion 的整个高度并且切换应该回到正常状态(当然切换在 + 和 - 等按钮的帮助下发生)。

Answer 1

使用这个:

<ul data-ui-sref-active="active" > ... </ul>

在你的 Controller 中添加以下方法:

$scope.opened = false;
$scope.toggle = function () {
    $scope.opened = !($scope.opened);
};

然后在html中调用toggle方法:
ng-click="toggle()"