captcha指令與按鈕angularjs

Question

我試着在指令.suppose如果我輸入它正確它顯示真實但我想激活按鈕，否則按鈕無效。 這是我的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時纔會啓用該按鈕。