Ember.jsのBootstrapのform.elementのチェックボックスに問題があります

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のブートストラップモジュールのform.elementからチェックボックスを理解できるかどうかを尋ねてきます。

ありがとうございました！

Answer 1

これらのチェックボックス要素の値を設定する必要があるとエラーが表示されます。フォームに渡す変数はどこかで定義されていますか？

Answer 2

私は同じ問題を抱えていました。フォームモデルを設定し、各要素のプロパティ値を設定することで修正しました。

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