Question

我正在使用角度uib-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>

我的问题是如何让这个手风琴只显示活动组和休息完全隐藏。活动组需要占据手风琴的整个高度并且切换应该恢复到正常状态（当然切换在+和 - ）之类的按钮的帮助下发生。

Answer 1

使用它：

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

在控制器中添加以下方法：

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

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

Answer 2

您可以向重复的组元素添加active指令（我假设每个任务都有<uib-accordion-group ng-repeat="task in ctrl.results | toArray | orderBy:ctrl.orderByFunction" ng-click="ctrl.select(task, $index)" ng-if="task.active"> <uib-accordion-heading > </uib-accordion-heading> <uib-accordion-group>属性）：

ng-if

这里是{{1}}文档：https://docs.angularjs.org/api/ng/directive/ngIf

角度 - 手风琴 - 仅显示活跃组

2 个答案: