使用WinJS绑定多个HTML属性？

Question

WinJS允许您在运行时动态绑定HTML属性,类似于XAML绑定.

<div id="itemTemplate" data-win-control="WinJS.Binding.Template"...>
    <h3 data-win-bind="innerText: timestamp"></h3>
</div>

如果我也想绑定字体颜色样式<h3>,我该如何实现呢？

Answer 1

与data-win-options使用{key:value,key2:value2}语法的绑定不同.data-win-binding使用类似于inline-css样式的语法.

使用property:bindingValue;property2:bindingValue2etc将允许您将多个属性绑定到同一个HTML控件.

作为回答上述问题的一个例子:

<div id="itemTemplate" data-win-control="WinJS.Binding.Template"...>
     <h3 data-win-bind="style.color: fontcolor; innerText: timestamp"></h3>
</div>