Question

我正在项目中使用角度V型手风琴，当只有一个位于v-pane标题内的按钮时，需要停止折叠手风琴。

这是示例代码。并且还包含了一个代码链接。

<v-accordion control="accordionA">

    <v-pane  expanded="pane.isExpanded">
      <v-pane-header>
        <h5>{{ ::pane.header }}</h5>
        <button>Button</button>
      </v-pane-header>

      <v-pane-content>
        <p>{{ ::pane.content }}</p>
<v-pane-content>
</v-pane>
</v-accordion>

Codepen链接：enter link description here

非常感谢任何人都可以提供帮助.. 提前谢谢你。

干杯！

Answer 1

在按钮上添加ng-click。该按钮将调用一个将一些布尔标志切换为true的函数：

$scope.stopCollapsing = false;
$scope.toggleCollapse = function(){
  $scope.stopCollapsing = true;
}

然后向你添加collapseCallback和if语句：

   $scope.collapseCallback = function (index, id) {
    if($scope.stopCollapsing){
      $scope.accordionA.toggle(index);
    }
    console.log('collapse:', index, id);
  };

就是这样。现在你可以从任何地方切换stopCollapsing以防止崩溃。这是您的更新codepen版本： http://codepen.io/anon/pen/GrxEqQ

单击v-pane-header内的按钮时，Angular v-accordion禁用折叠

1 个答案: