Ember 2.xを使用してモデルからチェックボックスプロパティをチェックする方法を設定するには？

Question

モデル内のプロパティにあるチェックボックスのプロパティをバインドする方法は、たとえば、あります：

は私がルート上に、この単純なモデルを持っている：

export default Ember.Route.extend({ 
    model:function(params) { 
     return { "isAdmin": true } 
    } 
}); 

そしてテンプレートに、私がしたいですisAdminがtrueのときにチェックボックスをオンにしてください：

<input id="adminControll" name="isAdmin" type="checkbox" onchange={{action "toggleAdmin" model.isAdmin}} /> 

これを達成するためのアイデアはありますか？

Answer 1

あなたが次の操作を行うことができますエンバー1.13.3ので：

<input type="checkbox" checked={{model.isAdmin}} 
     onchange={{action "toggleAdmin" value="target.checked"}}> 

コントローラ（またはコンポーネント）：ここで

actions: { 
    toggleAdmin(value) { 
     this.set('model.isAdmin', value); 
    // Do something useful 
    } 
} 

はこの作品Ember Twiddle

Answer 2

あなたは{{input}}ヘルパー、

{{input type="checkbox" name="isEmberized" checked=isEmberized}} 

を使用し、作業サンプルは、（ember-twiddle.com経由）hereあるmodel.isAdmin

{{input type="checkbox" name="isEmberized" checked=model.isAdmin}} 

にcheckedプロパティをバインドすることができます。

あなたは下のリンクで（この場合はチェックボックス）エンバーヘルパーをinputを使用する方法についての詳細を読むことができ、

http://emberjs.com/api/classes/Ember.Templates.helpers.html#toc_checkbox

あなたはここで読むアクションを処理する必要がある場合は、

https://guides.emberjs.com/v2.11.0/templates/input-helpers/#toc_actions

inputヘルパーを実際に使用したくない場合は、input HTML要素iのvalue属性を設定してくださいそれを行動に引き渡すこと。

上記の情報をお知らせください。あなたの問題を解決してください。