NG-無効複数の入力のための

Question

を動作していないが、私は2つの入力が満たされた場合にのみ、送信ボタンを有効にしようとしていますが、私は上の入力したとき、それは右の有効され、次のHTMLフォーム

<form name="enviarAutorizacao" id="enviarAutorizacao" novalidate> 
    <label class="form-label-gray">autorization</label> 
    <input class="form-control col-sm-6" ng-model="current.autorizacao" id="autorizacao" ui-mask="" maxlength="20" required> 
    <div class="form-group col-sm-8"> 
    <label class="form-label-gray"> Value </label> 
    <div class="form-group col-sm-2 form-label-gray"> 
     <label>$</label> 
    </div> 
    <div class="form-group col-sm-9"> 
     <input class="form-control" maxlength="16" ng-model="current.valor" required id="valor"> 
    </div> 
    </div> 
    <div class="form-group col-sm-12"> 
    <button class="btn btn-default" ng-disabled="enviarAutorizacao.$invalid || enviarAutorizacao.$pristine" id="submit-representante-estabelecimento" ng-click="validateAssociate()">click me</button> 
    </div> 
</form> 

を持っています最初の入力（autorizacao）。

「ng-disabled = "enviarAutorizacao。$ invalid" to "ng-disabled ="！enviarAutorizacao。$ valid "のようないくつかの選択肢を試しましたが、動作しませんでした。

このHTMLでは何が問題になりますか？

Answer 1

実際の入力のIDをng-disabledの引数として個別に使用してみてください。

また、current.autorizacaoとcurrent.valorの有効性を確認してそれらを使用することもできます。

Answer 2

enviarAutorizacao.autorizacao.$invalidを使用すると、「autorizacao」入力が無効かどうかがわかります。

[form id].[input name].[$valid or $invalid or $dirty...] 

だからあなたのコードは次のようにする必要があります： 私は入力の名前を変更しての提出NG-無効

<form name="enviarAutorizacao" id="enviarAutorizacao" novalidate> 
    <label class="form-label-gray">autorization</label> 
    <input class="form-control col-sm-6" ng-model="current.autorizacao" id="autorizacao" ui-mask="" maxlength="20" name="autorizacao" required> 
    <div class="form-group col-sm-8"> 
    <label class="form-label-gray"> Value </label> 
    <div class="form-group col-sm-2 form-label-gray"> 
     <label>$</label> 
    </div> 
    <div class="form-group col-sm-9"> 
     <input class="form-control" maxlength="16" ng-model="current.valor" required id="valor" name="valor"> 
    </div> 
    </div> 
    <div class="form-group col-sm-12"> 
    <button class="btn btn-default" ng-disabled="enviarAutorizacao.autorizacao.$invalid || enviarAutorizacao.valor.$invalid" id="submit-representante-estabelecimento" ng-click="validateAssociate()">click me</button> 
    </div> 
</form>