У меня есть приложение Ember.js, которое включает форму, которую нельзя отправить, пока не будут заполнены оба поля ввода. Текущий код включает это как часть миксина:
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>
Добавлен код hbs. Что-нибудь еще особенно актуальное?
Да. Ваш компонент {{input-value}}.
Это просто опечатка в вопросе или это тоже в коде. "This.get ('field1.amout')"?
Привет, Крис. Нам нужно увидеть немного больше кода, чтобы понять, что происходит, включая код hbs. Вы пробовали создать репродукцию в Ember Twiddle?