angularjs – 在控制器中调用angular $setValidity

发布时间：2020-12-17 17:59:52 所属栏目：安全来源：网络整理

导读：我有一个输入字段和一个按钮,用户输入一个地址进行地理定位.它是更大形式的一部分,但我希望在按下“Map it”按钮而不是最终表单提交时处理该字段的有效性.如何将此字段设置为无效？调用$setValidity会导致未定义/不是函数错误. 表格位： form name="myForm"

我有一个输入字段和一个按钮,用户输入一个地址进行地理定位.它是更大形式的一部分,但我希望在按下“Map it”按钮而不是最终表单提交时处理该字段的有效性.如何将此字段设置为无效？调用$setValidity会导致未定义/不是函数错误.

表格位：

<form name="myForm">
  <input type="text" name="addy" ng-model="addy">
  <a ng-click="geoCode()">Map it!</a>
  <span class="error" ng-hide="myForm.addy.$invalid">Bad field</span>
  ....
</form>

控制器：

$scope.addy = null

// This is a more complex async function trimmed down to essentials
$scope.geoCode = function() {
  $scope.addy.$setValidity('unique',false);
});

我也希望只检查一次这个字段.因此,如果他们输入一个地址并且没有按下Map it按钮,那么它将在提交时被检查,但是如果他们确实按了Map按钮并且字段有效则它将不会再次通过异步功能.关于如何最好地处理这个的建议？

解决方法

如果您想在控制器中设置输入字段的有效性,您可以简单地传递表单并访问输入,就像在标记中一样.我还包括一个工作示例：

var app = angular.module('form-example',[]);

app.controller('FormCtrl',function($scope) {
  var vm = this;

  vm.geoCode = function(form) {
    form.addy.$setValidity('unique',false);
  };
});

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.15/angular.min.js"></script>

<form ng-app="form-example" name="myForm" ng-controller="FormCtrl as vm">
  <input type="text" name="addy" ng-model="vm.addy">
  <a ng-click="vm.geoCode(myForm)">Map it!</a>
  <span class="error" ng-hide="myForm.addy.$invalid">Bad field</span>
</form>

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!