在 Angular 中确定特定区域是不是折叠
Posted
技术标签:
【中文标题】在 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>
【讨论】:
当然,但这给出了相同的结果,它不检查数据切换/目标是否折叠,导致双击仍然不同步文本。以上是关于在 Angular 中确定特定区域是不是折叠的主要内容,如果未能解决你的问题,请参考以下文章