Ember.js Bootstrap 中 form.element 的复选框出现问题

Question

我在理解 form.element 中的复选框如何工作时遇到一些问题。具体来说，我不明白当我点击一个复选框时如何刷新我的表单结果。它在这里定义：Ember-bootstrap doc about form.element

我的模板是这样的： Templates with checkbox

把手代码是：

{{#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 的 bootstrap 模块的复选框。

感谢您的时间和关注！

Answer 1

该错误似乎告诉您需要为这些复选框元素设置一个值。您传递给表单的变量是否在某处定义？

Answer 2

我遇到了同样的问题，我通过设置表单模型并为每个元素设置属性值来修复它。请在此处查看示例：

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

Ember.js Bootstrap 中 form.element 的复选框出现问题

Issue with the checkbox from form.element in Bootstrap for Ember.js

ember.js

ember-data

ember-cli

ember-bootstrap