javascript - 如何为文本框应用 ng-if

Question

Plunker.

在我的 plunker 中，我有两个文本框。我已经将 ng-if 应用于文本框。如果 ng-model 包含 -1 值，那么它需要离开该文本框并能够输入另一个值，如果它不是 -1 则没有问题。我们可以继续。

但是在这里，如果我应用 ng-if，那么它会隐藏文本框，但我不想隐藏，只是想隐藏值。

HTML:-

<input type="text" ng-if ="model !=-1"  ng-model="model"/>

js:-

  $scope.model = '-1';
  $scope.model1 = '1';

Answer 1

实际上 ng-if 指令在为真时隐藏其父级。我认为你实际上是在有人输入-1 时更改文本框的值。所以使用 $watch。

var module = angular.module("myModule", []);

module.controller('myController', ['$scope', function($scope) {
$scope.model = '-1';
$scope.model1 = '1';
$scope.txtValue = 1;
$scope.$watch("txtValue", function (newVal) {
    if (newVal == '-1')
    {
        $scope.model1 = -1;
        $scope.txtValue = "";
    }
    else
    {
        $scope.model1 = newVal;
    }        
    });
}]);

HTML

<div ng-app="myModule">
<div ng-controller="myController">
    <input type="text" ng-model="txtValue"/>
</div>
</div>

并记得删除 ng-if 指令