javascript - AngularJS 如何动态获取表单或其他形式输入的 ng-model 值

Question

我有一个包含输入的表单，其中每个输入都定义了一个 ng-model :

<form>
<input type="date" ng-model="dateFilterInput" id="dateFilter" class="...">
<select class="..." id="authorFilter" ng-model="authorFilterInput">   
...
</select>
<input type="text" class="..." id="categoryFilter" ng-model="categoryFilterInput">
</form>

由于我的表单可以动态获取更多输入(使用 ng-repeat)，因此我想检查每个输入的值是否为空动态使用 ng-model

我正在为表单中的每个输入执行 foreach 循环，并使用 ng-modal 名称(字符串)作为参数调用此函数:

$scope.isEmpty = function(ngModelInput) {
      if(modelInput == "" || typeof modelInput == 'undefined') {
        //do something if field is empty...
      }
};

或

$scope.isEmpty = function(ngModelInput) {
      if($scope.modelInput == "" || typeof $scope.modelInput == 'undefined') {
        //do something if field is empty...
      }
};

但这不起作用，因为 ngModelInput 是一个字符串。

例如:

想象一下ngModelInput =“dateFilterInput”

如何翻译:

$scope.ngModelInput(怎么写？)

要做到这一点:

$scope.dateFilterInput 

希望你明白我的意思^^

感谢您的帮助!

Answer 1

如下修改 isEmpty 函数，这应该可以解决您的问题。 不要使用 ng 作为任何变量的前缀，因为 ng 是 Angular 保留关键字，它可能会让其他开发人员感到困惑。

$scope.isEmpty = function(modelInput) {
      if($scope[modelInput] == "" || typeof $scope[modelInput] == 'undefined') {
        //do something if field is empty...
      }
};

上面的代码接受您传递给 isEmpty 函数的任何参数(字符串)，并检查 $scope 对象中的特定名称，并根据它为您提供值。