2017-05-12 14 views
0

私はemberでプロジェクトに追加されました。 Unfortunetly私はAngularJSだけ知っている。とにかく私がしなければならないことは、onclickイベントをチェックボックスに追加することです。私はオブザーバを使用しようとしましたが、大した成功はありませんでした(おそらく、入力は反復によって生成されるためです)。相続人は私がする必要がどのようなコードember(hbs)のチェックボックスにonclickイベントを追加するには

{{#each prod in allProducts}} 
      <tr> 
       <td class="checkbox-event" selenium-id="check">{{input type=checkbox checked=prod.selected id=prod.id}}</td> 
       <td selenium-id="id">{{prod.productNumber}}</td> 
       <td selenium-id="name">{{prod.name}}</td> 
       <td selenium-id="category">{{prod.mainCategoryName}}</td> 
       <td selenium-id="price">{{prod.mainPrice}}</td> 
      </tr> 
{{/each}} 

は、引数としてprodでいくつかの関数を呼び出します入力時にクリックイベントを追加することです。私は '正常な'入力の答えしか見つけられませんでしたが、上記の答えは見つかりませんでした。

答えて

1

あなたはいくつかの問題があります。

  1. each prod in allProductsが間違っています。使用する{{#each allProducts as |prod|}}
  2. type=checkboxが間違っています。 type="checkbox"
  3. あなたはchangeアクションを使用できます。私はそれを言及しなかったが、私は燃えさし1.7バージョンを持っていることを、このtwiddle link

+0

ちょっと気の毒

チェックアウト。あなたの方法で追加しようとすると、私は 'change =(action ... 'が' STRING 'などを予期していると言ってコンソールにエラーがあります。 – ojciecmatki

+1

@ojciecmatkiはこの' Input type = "チェックボックスで入力行を変更します{{prod.selected}} id = {{prod.id}} {{action 'myhandler' prod on = "change"}}> – ykaragol

関連する問題