ボタンangularjsのcaptcha指示

Question

私はこれを指示にしました。私が正しく入力した場合、それは本当ですが、私はボタンを有効にしたい、そうでなければボタンが無効です。 これは私のJsfiddleです：事前に

Jsfiddle

<div ng-controller="Ctrl"> 
<form data-toggle="validator" role="form" name="myForm"> 
    A simple captcha directive in AngularJS 
    <br><br> 
    <simple-captcha valid="captchaValid"></simple-captcha> 
    <br><br> 
    <div>valid: {{captchaValid}}</div> 
    <button value="submit" id="submit" type="submit"class="btn btn-default" style="background-color: #005baa; color: #fff;" ng-click="myForm.$valid && submit()">Submit</button> 
    </form> 
</div> 

おかげで、この問題を解決するために助けてください。

Answer 1

ng-disabledを使用します。

<button ng-disabled="!captchaValid" value="submit" id="submit" type="submit"class="btn btn-default" style="background-color: #005baa; color: #fff;" ng-click="myForm.$valid && submit()">Submit</button> 

このボタンは、captchaValidがtrueの場合にのみ有効になります。