Angularjs 角度-检查字段是否为空

Angularjs 角度-检查字段是否为空,angularjs,Angularjs,这里有点琐碎,但我是新来的,所以请原谅 每当我有一个输入字段时——我只希望在该字段实际包含一些有效内容时发生操作 我发现我要做的是首先实例化一个变量,然后将其分配给任何输入,然后在if中进行布尔检查 解决这个问题的正确方法是什么?如果我不实例化变量(或根本不使用变量),我会遇到未定义的错误: var textToSearch = ''; textToSearch = $scope.main.searchInputField.trim(); if (textToSearch){ $l

这里有点琐碎,但我是新来的,所以请原谅

每当我有一个输入字段时——我只希望在该字段实际包含一些有效内容时发生操作

我发现我要做的是首先实例化一个变量,然后将其分配给任何输入,然后在if中进行布尔检查

解决这个问题的正确方法是什么?如果我不实例化变量(或根本不使用变量),我会遇到
未定义的错误:

var textToSearch = '';
textToSearch = $scope.main.searchInputField.trim();

if (textToSearch){
      $location.path('/search/'+textToSearch);
}
(另一方面) 我正在清理服务器端的所有内容,但是在角度/客户端,是否有一个快速简单的功能可以使用


谢谢

我想您对“main.searchInputField”有一个ng模型,所以如果您想检查字段是否为空,您可以直接写入

$scope.main = {};
if($scope.main.searchInputField.trim().length > 0){
 //do stuff
}

假设您有输入字段1的
ng模型作为
some.data
,输入字段2作为
some.data1

for(var i=0; i<$scope.some.length;i++){
    if($scope.some[i]){
        //do something
     }
}

for(var i=0;i这是使用Bootstrap进行电子邮件验证,但是如果您使用自己的类,同样的逻辑也适用

<div ng-class="(emailRegExp.test(email) && email != null) ? 'has-success' : 'has-error'" class="form-group has-feedback">
  <div class="input-group">
    <div class="input-group-addon">
      <span class="glyphicon glyphicon-envelope"></span>
    </div>
    <input ng-model="email" ng-change="checkEnableSubmit()" id="email" placeholder="Email Address" type="text" class="form-control" aria-describedby="emailStatus">
  </div>
  <span ng-class="(emailRegExp.test(email) && email != null) ? 'glyphicon-ok' : 'glyphicon-remove'" class="glyphicon form-control-feedback" aria-hidden="true"></span>
</div>

ng class指令在以下情况下完成验证:

  • 控制器中的checkeEnableSubmit()函数只允许在数据有效时进行提交(我也很乐意包含该代码)
  • 第#1行的三元运算符中的两个类都表示有效数据和无效数据(在本例中,一个使输入显示为绿色,另一个显示为红色)

  • 您可以使用for循环检查每个输入字段,并检查输入
    ng model
    是否有值