检查Angularjs中的元素可见性

我一直试图找到一种方法来确定元素在Angular中是否可见，而不包括完整的jQuery。我正在努力解决的问题是：

visibleElement = $('#detect-breakpoints .breakpoint:visible');

我尝试过使用document.querySelector和document.queryselectoral的各种组合，但没有任何效果

---

如果您想使用类似jquery的元素选择器，我建议您使用

angular.element

。比如：

$('#detect-breakpoints .breakpoint').is(':visible');

也应该有效

---

但是，如果您使用内置指令

ng hide

或

ng show

来处理angular应用程序中元素的可见性状态，那么您将不需要在中使用此类选择器，因为您可以使用框架来实现相同的效果

如果您想使用类似jquery的元素选择器，我建议使用

angular.element

。比如：

$('#detect-breakpoints .breakpoint').is(':visible');

也应该有效

---

但是，如果您使用内置指令

ng hide

或

ng show

来处理angular应用程序中元素的可见性状态，那么您将不需要在中使用此类选择器，因为您可以使用框架来实现相同的效果

要补充的是，使用uibootstrap visible-*类来显示和隐藏div。Angular希望您依赖DOM将反映的模型和控制器。如果应该隐藏某些内容，则应该在某个位置将

$scope.hideMyStuff

设置为true。要添加此选项，请使用uibootstrap visible-*类来显示和隐藏div。简短回答：不应该。Angular希望您依赖DOM将反映的模型和控制器。如果应该隐藏某些内容，则应该将

$scope.hideMyStuff

设置为true