如何在表单无效时禁用角度中的外部按钮

时间:2014-12-09 08:55:06

标签: javascript angularjs

我有这样的多种形式:

            <form id="signup-form" name="frm" ng-submit="processForm()" novalidate>
                <!-- our nested state views will be injected here -->
                <div id="form-views" ui-view></div>
            </form>



        <pre>
    {{ formData }}
            <input type="button" value="ذخیره" class="btn btn-primary" ng-click="$broadcast('Save')" />  

如果表格是invali或vali,我如何禁用和启用按钮?
按钮不在表单中
谢谢

2 个答案:

答案 0 :(得分:0)

您可以按名称访问表单,此对象将包含许多内置值(请参阅文档):https://docs.angularjs.org/api/ng/directive/form

并且ng-disabled是指令,禁用:

<input ng-disabled="frm.$invalid" type="button" value="ذخیره" class="btn btn-primary" ng-click="$broadcast('Save')" /> 

答案 1 :(得分:0)

<input 
    type="button" 
    ng-disabled="frm.$invalid" 
    value="ذخیره" 
    class="btn btn-primary" 
    ng-click="$broadcast('Save')" />  

这应该可以正常工作