在 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>

【讨论】：