在 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 中确定特定区域是不是折叠的主要内容,如果未能解决你的问题,请参考以下文章

xcode将折叠区域打印为折叠

如何使用 Angular CLI 在特定文件夹中生成组件?

在 Android Studio 中使用 //region 折叠错误

任务栏总是显示所有图标无法折叠隐藏

确定对特定选择器 Angular 指令的操作

Bootstrap 4 导航栏不会在 Angular 4 中折叠