javascript - 在 AngularJS 中基于模型隐藏 Img

Question

首先，我查看了其他问题但没有找到答案。

我有一个具有两个属性的自定义指令:multiValue 和 ngModel。这两个值在 Controller 中表示为 $scope.multiValue 和 $scope.ngModel。

指令的行为根据 $scope.ngModel 的值而变化。在这两种情况下，指令都会创建一个输入和一个图像:

<input id="{{controlId}}" name="{{controlId}}" placeholder="Select Value(s)" 
    class="k-textbox" type="text" ng-model="ngModel" />
<img ng-src="/img/X.png" ng-click="clear()" 
    ng-show="multiValue == false && ngModel === ''" />

该图像的目的是显示“X”图标以清除 $scope.ngModel 表示的值。但是，当 $scope.multiValue 为 true 时，不需要显示 X 图标。当 $scope.multiValue 为 false 并且已选择一个值时，需要显示 X 图标。

我尝试了多种方法来让 X 在 multiValue 为 false 或尚未选择值时消失:

• 尝试了“src”和“ng-src”
• 尝试了 ng-if 和 ng-show 的组合(包括上面的)
• 尝试使用 ng-src 的条件功能来根据前面示例中所示的相同条件来定义要显示的图像。

非常感谢您的帮助。

Answer 1

请使用 <ng-if="">而不是<ng-show=""> .

我不确定这是否有帮助。但我在使用 <ng-if=""> 时遇到了类似的问题