Twitter bootstrap 始终使用AngularUI折叠保持一个部分打开

有人知道如何修改Angular UI，使其只保持一个部分像jQuery手风琴一样打开吗

这是Plunker代码：

分叉您的plunkr

angular.module（'plunker'，['ui.bootstrap']）；
函数CollapseDemoCtrl（$scope）{
$scope.isCollapsed=[true，true，true]；
$scope.openThis=函数（e）
{
对于（var i=0；i分叉了你的KR


angular.module（'plunker'，['ui.bootstrap']）；
函数CollapseDemoCtrl（$scope）{
$scope.isCollapsed=[true，true，true]；
$scope.openThis=函数（e）
{
对于（var i=0；i来自@shaunhusain的回答很好。我已经提出了一个类似的解决方案，但允许您将某些函数一起展开或一次只展开一个。这当然更容易操作，这意味着您必须定义在函数中使用if语句折叠和展开哪些函数……如下所示：

$scope.chartTableActive = "btnBoth";
$scope.chartCollapsed = false;
$scope.tableCollapsed = false;

$scope.chartTableToggleFunction = function () {
    if ($scope.chartTableActive == "btnBoth") {
        $scope.chartCollapsed = false;
        $scope.tableCollapsed = false;
    } else if ($scope.chartTableActive == "btnChart") {
        $scope.chartCollapsed = false;
        $scope.tableCollapsed = true;
    } else if ($scope.chartTableActive == "btnTable") {
        $scope.chartCollapsed = true;
        $scope.tableCollapsed = false;
    }
}

这是我的。
来自@shaunhusain的好答案。我已经提出了一个类似的解决方案，但允许您将某些函数一起展开或一次只展开一个。这当然是更多的实践，这意味着您必须定义在函数中使用if语句折叠和展开哪些函数……如下所示：

$scope.chartTableActive = "btnBoth";
$scope.chartCollapsed = false;
$scope.tableCollapsed = false;

$scope.chartTableToggleFunction = function () {
    if ($scope.chartTableActive == "btnBoth") {
        $scope.chartCollapsed = false;
        $scope.tableCollapsed = false;
    } else if ($scope.chartTableActive == "btnChart") {
        $scope.chartCollapsed = false;
        $scope.tableCollapsed = true;
    } else if ($scope.chartTableActive == "btnTable") {
        $scope.chartCollapsed = true;
        $scope.tableCollapsed = false;
    }
}

这是我的。
有一个由angular用户界面人员设计的带有手风琴指令的bootstrap用户界面项目：有一个由angular用户界面人员设计的带有手风琴指令的bootstrap用户界面项目：看起来棒极了。我以后在尝试改进我的网站时可能需要参考其中的一些内容。这看起来棒极了。我可能需要参考som以后当我试图改进我的网站时，我会考虑这一点。
$scope.chartTableActive = "btnBoth";
$scope.chartCollapsed = false;
$scope.tableCollapsed = false;

$scope.chartTableToggleFunction = function () {
    if ($scope.chartTableActive == "btnBoth") {
        $scope.chartCollapsed = false;
        $scope.tableCollapsed = false;
    } else if ($scope.chartTableActive == "btnChart") {
        $scope.chartCollapsed = false;
        $scope.tableCollapsed = true;
    } else if ($scope.chartTableActive == "btnTable") {
        $scope.chartCollapsed = true;
        $scope.tableCollapsed = false;
    }
}