我有一个Ember.js应用程序,其中包含一个表单,在填写两个输入字段之前无法提交。当前代码包含此作为mixin的一部分:
disableSubmit: (function() {
return (this.get('field1.amout') == null) || (this.get('field2.amount') == null);
}).property('field1', 'field2'),
此几乎的行为方式与我想要的方式相同,只是在用户点击第二个输入之前,提交按钮才会启用。如何在不需要用户单击的情况下更新属性?
编辑:以下是hbs代码:
<div class="l-notification-buttons-container">
<div class="l-notification-button-container">
{{input-value value=field1
inputClassNames='l-input-textbox'
isInvalid=inputInvalid
invalidClass='input-is-invalid'
disabled=isSaving}}
</div>
<div class="l-notification-button-container">
{{input-value value=field2
inputClassNames='l-input-textbox'
isInvalid=inputInvalid
invalidClass='input-is-invalid'
disabled=isSaving}}
</div>
<div class="l-notification-button-container">
{{button-loading isLoading=isSaving
action="submitValues"
disabled=disableSubmit
labelTranslation="button.submit"
class="button--blue l-submit-button"}}
</div>
</div>