根据元素更改隐式样式？

Question

现在，我有一个页面，我在不同的元素上使用了ng-show和ng-hide。在我需要的某些元素visibility: hidden!important;上，以便它仍然占用页面上的空间。在其他元素上，我需要它们完全消失display: none!important;。

有没有办法让我有不同的属性？

Answer 1

您可以尝试使用ng样式而不是ng-show/ng-hide并有条件地将类应用于元素。 https://docs.angularjs.org/api/ng/directive/ngStyle

Answer 2

你想创建这样的指令：

.directive('ngVisible', function() { 
    return function (scope, element, attr) { 
     scope.$watch(attr.ngVisible, function (visible) { 
      element.css('visibility', visible ? 'visible!important' : 'hidden!important'); 
     }); 
    }; 
}) 

你会ng-visible和ng-show/ng-hide之间进行选择，对于您的使用案例。