在同一个 DOM 元素上使用 ng-show 和 ng-hide 是否正确？

我想知道在同一个 DOM 元素上使用 ng-show 和 ng-hide 是否是一个好习惯。

这似乎是一个更好的主意，而不是在一个 ng-show 中使用多个条件，其中一些条件是否定的。

让我知道。 谢谢！

PS：这里有一个例子

<div ng-show="isBlonde" ng-hide="hasBlueEye">Mary is blonde and she has green eyes</div>

绝对不。

首先，这两个指令可能会互相绊倒（请参阅此JSFiddle http://jsfiddle.net/edE7M/，由提供乔尔·斯克雷普内克 https://stackoverflow.com/users/561534/joel-skrepnek），通常只是糟糕的设计。

您可以使用函数、另一个字段或只是一些更多的内联逻辑。

内联逻辑：

<div ng-show="isBlonde && !hasBlueEye">Mary is blonde and she has green eyes</div>

Field:

<div ng-show="shouldShowThisDiv">Mary is blonde and she has green eyes</div>

Function

<div ng-show="shouldShowThisDiv()">Mary is blonde and she has green eyes</div>

$scope.shouldShowThisDiv = function(){
    return $scope.isBlonde && !$scope.hasBlueEye;
}

我的推荐将使用另一个field or a function，如果需要检查的值超过 2 个。