captcha директива с кнопкой angularjs

Question

Я попробовал это в директиве. Предположим, если я правильно ввел его, он показывает true, но я хочу активировать кнопку, иначе кнопка была недействительной. Это мой 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 является истинным.