Обнаружение изменений в текстовом поле без выключения с помощью Ember

У меня есть приложение 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. Вы пробовали создать репродукцию в Ember Twiddle?

Gaurav 01.05.2018 22:19

Добавлен код hbs. Что-нибудь еще особенно актуальное?

Topher Brennan 01.05.2018 22:59

Да. Ваш компонент {{input-value}}.

Gaurav 01.05.2018 23:51

Это просто опечатка в вопросе или это тоже в коде. "This.get ('field1.amout')"?

Joe Hartzell 02.05.2018 02:52
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
0
4
38
0

Другие вопросы по теме