验证空文本字段，每当我在AngularJS

Question

按钮点击我已经编码添加和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); 
    } 
} 

在此我如何可以验证空文本字段，每当我点击+按钮？

Answer 1

更改addhobby功能的东西可以验证空文本字段，如：

$scope.addHobby = function($index) { 
    if($scope.hobbies[$index]) 
     $scope.hobbies.push(''); 
} 

和你的HTML按钮：

<button ng-click = "addHobby($index)" ng-show="$last">+</button> 

这样你addHobby功能将增加一个业余爱好，只要您的当前输入文本字段它不是空的。