Windows 8 使用WinJS绑定多个HTML属性？

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

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

---

如果我还想为

绑定字体颜色样式，该如何实现呢？

与

数据赢选项

绑定不同，后者使用

{key:value，key2:value2}

语法<代码>数据win绑定使用与内联css样式类似的语法

使用

属性：bindingValue；property2:bindingValue2

etc允许您将多个属性绑定到同一个HTML控件

作为回答上述问题的示例：

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

---

与使用

{key:value，key2:value2}

语法的

数据赢选项

绑定不同<代码>数据win绑定使用与内联css样式类似的语法

使用

属性：bindingValue；property2:bindingValue2

etc允许您将多个属性绑定到同一个HTML控件

作为回答上述问题的示例：

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

---

如果时间戳是“重要”的，并且您的模型中有一个字段“isImportant”，则假设您希望在绿色和红色之间切换：

HTML:

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

---

假设如果时间戳为“重要”，并且模型中有一个字段“isImportant”，则您希望在绿色和红色之间切换：

HTML:

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

---

此外，还可以使用绑定初始值设定项，形式为：“foo:bar My.Custom.Function”。看看WinJS.Binding.converter中的helper/wrapper。另外，您使用的绑定初始值设定项的形式是：“foo:bar My.Custom.Function”。看看WinJS.Binding.converter中的帮助器/包装器。我想知道如何绑定到

style['background-image']

property？因为在css中，它将使用

url

函数，即

背景图像：url（'http://myurl.com/image.jpg）

但是如何在绑定内部应用这个

url（）

呢？我想知道如何绑定到

style['background-image']

属性？因为在css中，它将使用

url

函数，即

背景图像：url（'http://myurl.com/image.jpg“）

但如何在绑定内部应用此

url（）

？