從引導程序的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