如何使用 data-win-bind 设置元素的类

【问题标题】：How do I set an element's class using data-win-bind如何使用 data-win-bind 设置元素的类
【发布时间】：2012-05-17 20:46:11
【问题描述】：

我正在尝试动态设置列表视图项模板的类：

<div id="semanticZoomTemplate" data-win-control="WinJS.Binding.Template" style="display: none">
    <h1 class="semanticZoomItem-Text" data-win-bind="innerText:title;class:contains"></h1>
</div>

但是当“类”作为属性名出现时，data-win-bind 无法执行任何操作。

如果我确实无法使用 data-win-bind 更改类，是否有正确的方法来设置列表视图中特定项目的样式？

【问题讨论】：

标签： windows-8 windows-runtime winjs

【解决方案1】：

您需要设置 JavaScript 类属性，该属性不是“class”，而是“className”。

【讨论】：

谢谢！ data-win-bind="innerText:title;className:contains" 效果很好。
嗨@ChristiaanV，您知道使用class="other" data-win-bind="className:contains" 是替换类属性还是将绑定附加到现有的？
默认情况下它会覆盖“其他”类。我知道您可以构建转换器，您可以将其添加到您的绑定中，但不知道您是否可以构建一个可以使类追加的转换器。