AngularJS-动态输入字段的验证

AngularJS - validation of dynamic input fields

本文关键字：验证 字段 输入 动态 AngularJS-      更新时间：2023-09-26

假设我们有一个对象，如：

$scope.company = { name: { de: '', en: '' } };

以及一个输入字段，上面写着：

<input type="text" ng-model="company.name[currentLanguage]" />
<button ng-click="currentLanguage='de'">Deutsch</button>
<button ng-click="currentLanguage='en'">English</button>

如果用户填写此字段，则该字段将接收ng有效类。如果用户随后更改语言（事实上是$scope.currentLanguage），则输入字段将正确更新（变为空），但它仍然具有ng有效的类，这是错误的。预期的行为应该是原始的。如何实时更新？

很高兴知道这一点。干杯

PS。没有更多的代码。仅此而已。PS2.正如你在重复线程中所建议的那样，这是另一个问题。我不使用ng重复。

一旦输入的值以任何方式更改，它不会重置为ng原始，除非您强制它重置。

你可以这样管理控制器中的类：

$scope.currentLanguage = 'de';
$scope.company = { name: { de: '', en: '' } };
$scope.setCurrentLanguage = function(str) {
$scope.currentLanguage = str;
var input = angular.element(document).find('input')[0];
if ($scope.company.name[str] == '') {
    angular.element(input).removeClass('ng-dirty');
    angular.element(input).removeClass('ng-invalid');
    angular.element(input).addClass('ng-pristine');
} else {
    angular.element(input).removeClass('ng-pristine');
    angular.element(input).addClass('ng-dirty');
}
}

以及在html:中

<input type="text" ng-model="company.name[currentLanguage]" />
<button ng-click="setCurrentLanguage('de')">Deutsch</button>
<button ng-click="setCurrentLanguage('en')">English</button>
相关文章：