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