Android 4.0.3/4.0.4上的Phonegap Angularjs提交按钮保持禁用状态

Question

我使用Angular v1.2.14并通过验证来制作此表单。

<form role="form" name="exchangeForm" ng-submit="submitExchange(exchange)" novalidate> 
     <div class="form-group"> 
      <input type="text" class="form-control input-lg" placeholder="Wat is je naam?" name="name" ng-model="exchange.name" required> 
     </div> 
     <div class="form-group"> 
      <input type="email" class="form-control input-lg" placeholder="Wat is je e-mail" name="email" ng-model="exchange.email" required> 
     </div> 
     <div class="form-group"> 
      <input type="text" class="form-control input-lg" placeholder="Waar werk je?" name="work" ng-model="exchange.work" required> 
     </div> 
     <button type="submit" class="btn btn-success btn-block btn-lg" ng-disabled="exchangeForm.$invalid">Prijs claimen</button> 
    </form> 

这是控制器部分保存数据：

$scope.submitExchange = function(data) 
     { 
      PhoneGap.ready().then(function() 
      { 
       var exchange = new Exchange({uuid: $window.device.uuid}); 
       exchange.name = data.name; 
       exchange.email = data.email; 
       exchange.work = data.work; 
       exchange.$save(function(result) 
       { 
        round.state = 3; 
        round.player_name = data.name; 
        round.player_email = data.email; 
        round.player_work = data.work; 
        $route.reload(); 
       }); 
      }); 
     }; 

，当我在我的IPhone运行PhoneGap的应用程序，一切工作正常。但在Android 4.0.3上，即使填写了所有字段，提交按钮仍然处于禁用状态。

Answer 1

在这种情况下，一旦验证完成，手动删除按钮的活动状态可能是最容易的。

您可以通过调用做到这一点：

$(":submit").parent().removeClass("ui-btn-active");