在Angular中确定特定区域是否崩溃

Question

我有一个按钮，你点击它，它会触发div的崩溃。我试图找到一种方法来检查div是否已扩展，以便我可以更改按钮上的文字＆＃34; Show＆＃34;或者＆＃34;隐藏＆＃34;。

目前我正在使用

ng-click="toggle = !toggle"

用

$scope.toggle = true;

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

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

我发现咏叹调被提及了

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

但我不明白需要为＆＃34; collapsableRegion＆＃34;设置什么，而且我找不到关于＆＃34; .attr＆＃34;的任何文档。了解collapsableRegion究竟是什么（ID，名称，类等）

这可能非常简单。

Answer 1

为什么不在标记中设置文本，而不是尝试在控制器中设置文本？

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