[英]Validate empty text fields whenever I click on button in AngularJS
我已经在AngularJS中动态地添加和删除输入文本字段进行了编码。 这是我的代码:
我的HTML
<div class="form-group">
<label for="hobbies">Hobbies</label>
<span ng-repeat="hobby in hobbies track by $index">
<div class="form-group">
<input type='text' ng-model='hobbies[$index]' class="form-control pull-right"/>
<button ng-click = "addHobby()" ng-show="$last">+</button>
<button ng-click = "removeHobby($index)" ng-show="hobbies.length > 1">-</button>
</div>
</span>
</div>
角度控制器
$scope.hobbies = [''];
$scope.addHobby = function() {
$scope.hobbies.push('');
}
$scope.removeHobby = function(index) {
if(index >= 0){
$scope.hobbies.splice(index, 1);
}
}
这样,每当我单击+
按钮时如何验证空白文本字段?
将您的addhobby
函数更改为可以验证空文本字段的内容,例如:
$scope.addHobby = function($index) {
if($scope.hobbies[$index])
$scope.hobbies.push('');
}
和您的html按钮可以:
<button ng-click = "addHobby($index)" ng-show="$last">+</button>
这样,只要您当前输入的文本字段不为空,您的addHobby函数就会添加一个爱好。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.