2016-09-13 7 views
1

私はAureliaフレームワークをMaterial Design Liteのプラグイン "aurelia-mdl-plugin"で使用しています。Material Design Lite Lists - 選択した要素にアクセスする方法?

私は次のマークアップを持っている:

<table class="mdl-data-table mdl-js-data-table mdl-data-table--selectable mdl-shadow--2dp"> 
    <thead> 
     <tr> 
      <th class="mdl-data-table__cell--non-numeric">Name</th> 
      <th>Col2</th> 
      <th>Actions</th> 
     </tr> 
    </thead> 
    <tbody> 
     <tr repeat.for="s of items"> 
      <td class="mdl-data-table__cell--non-numeric">${s.name}</td> 
      <td>${s.someothercol}</td> 
      <td><a href="/import/${s._id}">View</a></td> 
     </tr> 

    </tbody> 
</table> 

このマークアップが選択されている項目のリストを表します - それらのそれぞれは、+リストを選択する能力をチェックボックスを取得するのチェックボックス「すべて選択」を取得ヘッダ。

問題は、このチェックボックス付きマークアップはMDLによって生成されるため、実際にはバインドできないということです。

私は、チェックボックスを手動で私のようなものだろう挿入していた場合:

<input type="checkbox" checked.bind="s.IsChecked" />

をこの問題を解決する方法はありますか?

PS>必ずしもアウレリア特有のものではないと思います。ほとんどの場合、Angularやその他の図書館で同じ問題が発生します。

答えて

関連する問題