从引导程序的form.element复选框发出的Ember.js

Question

我有一些问题，了解如何在form.element中的复选框工作。 具体来说，我不明白如何刷新我的表单结果，当我点击一个chekckbox。 在此定义：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操作可能是一个刷新操作。我尝试了我制作的一个，但它似乎不适合我。

所以我问你是否可以帮我理解Ember.js bootstrap模块的form.element复选框。

谢谢您的时间和关注！

Answer 1

看起来像这个错误告诉你，你需要为这些复选框元素设置一个值。您传递给定义表单的变量是否存在？

Answer 2

我有同样的问题，我通过设置表单模型和设置每个元素的属性值来修复它。在这里看到一个例子：

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