Emberブートストラップでチェックボックスをクリックしたときに崩壊を表示するにはどうすればよいですか？

Question

Emberの新機能です。フォームの一部としてチェックボックスをクリックしたときにCollapseメソッドを実装しようとしています。このチェックボックスは、フォームにあるボタングループの折りたたまれたセクションの部分の内側にあります。

Template.hbs

 {{#bs-button onClick=(action "toggle")}} 
     {{#if collapsed}} 
      {{form.element controlType="checkbox" label="View Additional Fields" property="additionalFields"}} 
     {{/if}} 
     <div> 
      {{#bs-collapse collapsed=collapsed}} 
      {{form.element controlType="checkbox" label="Property" property="property"}} 
      {{form.element controlType="textarea" label="Instructions:" name="instructions" property="instructions"}} 
      {{/bs-collapse}} 
     </div> 
     {{/bs-button}} 

Component.js

collapsed: true, 
actions: { 
toggle() { 
    let toggleValue = !get(this, 'collapsed'); 
    set(this, 'collapsed', toggleValue); 
    } 
} 

私はエラーがエンバーにポップアップ表示のチェックボックスをクリックした場合の燃えさしが仕え、私は自分のフォームに移動実行していますインスペクタ：

アサーションに失敗しました：モデルを使用していない場合やフォーム要素に直接値を設定している場合、フォーム要素のデフォルトのonChangeアクションを使用することはできません。 この場合、フォーム要素に独自のonChangeアクションを追加する必要があります。 エラー

オンクリックをオンに変更すると、チェックボックスをクリックするとフィールドが表示されませんが、エラーは表示されます。この問題を解決しようとする最善の方法は何でしょうか？

Answer 1

あなたが直面しているエラーは、{{bs-collapse}}または{{bs-button}}onClickとは関係ありません。 {{bs-form}}にはmodelのプロパティはありませんが、ember-bootstrapには、それぞれ{{form.element}}にonChangeというアクションが必要です。詳細はember-bootstrap api docsとsource codeです。