javascript - 尝试使用 Angular ng-disabled 禁用按钮

Question

我的 Angular 代码中有这个:

$scope.Disable = false;

$scope.SetDisable = function (Number) {
    if (Number.length < 4) {
        return false;
    }
    else {
        return true;
    }


};

$scope.$watch("Admin.UserName", function () {
    $scope.Disable = $scope.SetDisable($scope.Admin.UserName.length);
});

在我看来这段代码:

<input id="Submit" name="Submit" class="btn btn-success" type="submit" value="Login" ng-disabled="Disable" />

请注意，每当我将 $scipe.Disable 的默认值更改为 true 并将 Angular 脚本中的其他代码行进行注释时，该按钮仍然处于状态已启用。

如果我将 View 中的代码更改为:

<input id="Submit" name="Submit" class="btn btn-success" type="submit" value="Login" ng-disabled="true" />

(ng-disabled="true")

该按钮已禁用。

我做错了什么？

Answer 1

使用 ng-change 代替 $watch 例如

$scope.myChange = function (nu) {

  if (nu.length < 4) {
      $scope.Disable = false;
  }
  else {
      $scope.Disable = true;
  }
};

查看此链接: https://plnkr.co/edit/m5TUzC35gg8EuApVHcO0?p=preview