Проблема с флажком из form.element в Bootstrap для Ember.js

Question

У меня есть некоторые проблемы с пониманием, как работает флажок в form.element. В частности, я не понимаю, как обновить результат формы, когда я нажимаю на чекбокс. Это определено здесь: Ember-bootstrap doc about form.element

Мои шаблоны выглядят так: Шаблоны с флажком

Код руля:

{{#bs-form formLayout="horizontal" model=this as | form |}}

  <div class="row">
    <div class="col-md-3">
      {{form.element label=(t 'audit.enable_wsapicall')
                        disabled=fetchingData controlType='checkbox'
                        value=wsapicallEnabled}}
    </div>
    <div class="col-md-3">
      {{form.element label=(t 'audit.enable_userevent')
                        disabled=fetchingData controlType='checkbox'
                        value=userEventEnabled}}
    </div>
    <div class="col-md-3">
      {{form.element label=(t 'audit.enable_doorevent')
                        disabled=fetchingData controlType='checkbox'
                        value=doorEventEnabled}}
    </div>
    <div class="col-md-3">
      {{form.element label=(t 'audit.enable_groupevent')
                        disabled=fetchingData controlType='checkbox'
                        value=groupEventEnabled}}
    </div>
  </div>

  <div class="row">
    <div class="col-md-3">
      {{form.element label=(t 'audit.enable_credentialevent')
                        disabled=fetchingData controlType='checkbox'
                        value=credentialEventEnabled}}
    </div>
    <div class="col-md-3">
      {{form.element label=(t 'audit.enable_scheduleevent')
                        disabled=fetchingData controlType='checkbox'
                        value=scheduleEventEnabled}}
    </div>
    <div class="col-md-3">
      {{form.element label=(t 'audit.enable_usergroupevent')
                        disabled=fetchingData controlType='checkbox'
                        value=userGroupMembershipEventEnabled}}
    </div>
    <div class="col-md-3">
      {{form.element label=(t 'audit.enable_updateevent')
                        disabled=fetchingData controlType='checkbox'
                        value=updateEventEnabled}}
    </div>
    <div class="col-md-3">
      {{form.element label=(t 'audit.enable_zoneevent')
                        disabled=fetchingData controlType='checkbox'
                        value=zoneEventEnabled}}
    </div>
  </div>
{{/bs-form}}

У меня есть ошибка, которую я не понимаю, когда я нажимаю на флажок. Это ошибка:
Ошибка подтверждения: вы не можете использовать стандартное действие onChange элемента формы для элементов формы, если не используете модель или не устанавливаете значение непосредственно в элементе формы. В этом случае вы должны добавить свое собственное действие onChange к элементу формы!

Действие onChange, к которому оно относится, вероятно, является освежающим действием. Я попробовал с одним, который я сделал, но это, кажется, не работает для меня.

Поэтому я спрашиваю вас, можете ли вы помочь мне понять флажок из form.element для модуля начальной загрузки Ember.js.

Спасибо за ваше время и внимание!

Answer 1

Похоже, что эта ошибка говорит вам, что вам нужно установить значение для этих элементов флажка. Переменные, которые вы передаете форме, определены где-то?

Answer 2

У меня была та же проблема, и я исправил ее, установив модель формы и установив значение свойства для каждого элемента. Смотрите пример здесь:

http://www.ember-bootstrap.com/api/classes/Components.Form.html