javascript - Bootstrap Accordion 在Angular应用中打开或关闭时，如何运行某些代码？

我正在使用Bootstrap和D3制作大部分视觉效果的Angular应用程序。我正在使用here中的手风琴指令。我想在手风琴组打开和关闭时触发D3图表中的更改。我该如何抓住这个机会？我在想我需要一种运行回调，更新模型或直接查询手风琴的方法。

我发现this SO question似乎可以正常工作，但是由于问题很旧，所以我希望现在有一种更好的方法。

最佳答案

使用带有标志TRUE和FALSE的简单逻辑

<!doctype html>
<html ng-app="ui.bootstrap.demo">
<head>
    <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.5.3/angular.js"></script>
    <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.5.3/angular-animate.js"></script>
    <script src="//angular-ui.github.io/bootstrap/ui-bootstrap-tpls-1.3.3.js"></script>
    <link href="//netdna.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet">
</head>
<body>

    <div ng-controller="AccordionDemoCtrl">
        <uib-accordion close-others="oneAtATime">
            <uib-accordion-group heading="Accordion-1" ng-click="call(is_open)">
                Accordion-1
            </uib-accordion-group>
            <uib-accordion-group heading="Accordion-2">
                Accordion-2
            </uib-accordion-group>
        </uib-accordion>
    </div>
</body>
</html>

<script type="text/javascript">
    angular.module('ui.bootstrap.demo', ['ngAnimate', 'ui.bootstrap']);
    angular.module('ui.bootstrap.demo').controller('AccordionDemoCtrl', function ($scope)
    {
        $scope.is_open = false;
        $scope.call = function(status)
        {
            if(status==true)
            {
                $scope.is_open = false;
                console.log("close")
            }
            else
            {
                $scope.is_open = true;
                console.log("open")
            }
        }
    });
</script>

关于javascript - Bootstrap Accordion 在Angular应用中打开或关闭时，如何运行某些代码？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/37451888/