Material Design Lite Lists - как получить доступ к выбранным элементам?

Question

Я использую каркас Aurelia с Material Design Lite через плагин «aurelia-mdl-plugin».

У меня есть следующий код:

<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> Я не думаю, что это обязательно Aurelia. Скорее всего, у меня была бы такая же проблема в Угловой или другой библиотеке.

Answer 1

Команда mdl официально отказалась от автоматической установки флажка. Итак, теперь вы должны записать их вручную, что решит вашу проблему с привязкой.

См. Эту ссылку: https://github.com/google/material-design-lite/wiki/Deprecations#automatic-selection-checkboxes