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

Question

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

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

告诉我。谢谢!

PS:举个例子

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

Answer 1

绝对不是。

首先，这两个指令可能会相互干扰(请参阅 JSFiddle，由 Joel Skrepnek 提供)，这通常只是糟糕的设计。

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

内联逻辑:

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

字段:

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

函数

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

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

我的建议是使用另一个字段或函数，如果需要检查的值超过 2 个。