Question

我通过插件＆＃34; aurelia-mdl-plugin＆＃34;使用Aurelia框架和Material Design Lite。

我有以下标记：

<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>

此标记表示可选项目列表 - 每个项目都有一个复选框，可以选择+列表获取＆＃34;全选＆＃34;标题中的复选框。

问题在于，由于MDL生成了带复选框的附加标记，因此我无法真正绑定它。

如果我手动插入了一个复选框，我会做类似的事情：

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

有什么方法可以解决这个问题吗？

PS＆GT;我认为Aurelia不一定具体。很可能我会在Angular或其他库中遇到同样的问题..

Answer 1

mdl团队正式弃用自动复选框插入功能。所以现在你应该手动写下来，这将解决你的绑定问题。

请参阅此链接：DragNode chart

Material Design Lite列表 - 如何访问所选元素？

1 个答案: