在 Angular 中确定特定区域是不是折叠

Posted 2023-03-24

【中文标题】在 Angular 中确定特定区域是不是折叠

【英文标题】：Determine in Angular if specific area is collapse'd or not在 Angular 中确定特定区域是否折叠

【发布时间】：2018-10-06 05:29:51

【问题描述】：

我有一个按钮，点击它会触发 div 的折叠。我正在尝试找到一种方法来检查 div 是否已展开，以便我可以更改按钮“显示”或“隐藏”上的文本。

目前我正在使用

ng-click="toggle = !toggle"

与

$scope.toggle = true;

$scope.$watch('toggle', function () 
    $scope.toggleText = $scope.toggle ? 'Show' : 'Hide';
)

哪种类型，折叠问题有一个动画时间，因此您可以双击按钮并使切换按钮文本与折叠 div 的实际状态不同步。

我发现提到 aria-expended

var isExpanded = $(collapsableRegion).attr("aria-expanded");

但我不明白需要为“collapsableRegion”设置什么，而且我在“.attr”上找不到任何文档来了解 collapsableRegion 到底是什么（ID、名称、类等）

这可能非常简单。

【参考方案1】：

与其尝试在控制器中设置文本，不如直接在标记中设置？

<button ng-click="toggle = !toggle"> toggle ? 'Show' : 'Hide' </button>

【讨论】：

当然，但这给出了相同的结果，它不检查数据切换/目标是否折叠，导致双击仍然不同步文本。