javascript - AngularUI Accordion 切换范围变量

Question

我正在使用 AngularUI Bootstrap Accordion ，我需要根据来自 $http 请求的数据打开它，这是我的标记:

<div data-accordion>
    <div data-accordion-group data-heading="Group 1" is-open="!$parent.toggle">
        <!-- random content -->          
    </div>
    <div data-accordion-group data-heading="Group 2" is-open="$parent.toggle">
        <!-- random content --> 
    </div>
</div>

这是传入数据的示例:

randomService.getdata(id).then(function(response) {
    randomService.toggle = response.data;
    $scope.toggle = randomService.toggle;
});

此设置的问题在于，如果我单击标题以打开/关闭，变量也会切换(我想避免这种情况)。可以通过将 is-open 更改为 !( !!($parent.toggle) 和 !!($parent.toggle) 来避免这种情况>，分别。

但是问题仍然存在:当 $scope.toggle 为 false 时，正确的 Accordion 打开，当它为 true 时，两个 Accordion 都关闭。

Answer 1

一个解决方案是使用两个作用域变量 open1 和 open2，这样当数据进来时你总是可以将正确的设置为 true，无论它们处于什么状态。如果 accordion 具有属性，这也应该有效close-others 设置为 true。