带有按钮angularjs的captcha指令

Question

我在指令中尝试了这个.suppose如果我输入正确它显示为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为true时才会启用该按钮。