javascript - 如何在没有 $scope 的情况下使用 $setValidity 设置输入验证

Question

我经常听说 $scope 不再是最佳实践。无论如何，我们使用 Controller 作为语法，甚至不传入 $scope 作为依赖项。

<form name="passwordForm" id="passwordForm">
   <input type="password" id="newPassword" name="newPassword" ng-minlength="8" data-ng-model="vm.pwdata.newPassword" required>

$scope.passwordForm.newPassword.$setValidity(*my conditions here*);

当然，我在这里收到 $scope undefined 错误。我也尝试过

passwordForm.newPassword.$setValidity(*my conditions here*); 

和

vm.passwordForm.newPassword.$setValidity(*my conditions here*);

如何引用此输入？

Answer 1

您应该将表单名称设置为 Controller 实例属性。

<form ng-controller="theController as VM" name="VM.passwordForm" id="passwordForm">
    <input type="password" id="newPassword" name="newPassword" ng-minlength="8" data-ng-model="vm.pwdata.newPassword" required>

在 Controller 中

this.passwordForm.newPassword.$setValidity(*my conditions here*);