我正在尝试在WinJS应用程序中绑定background-img: url('')属性。
我有一个视图模型属性，设置为动态类似：
'images/' + myObject.name + '.jpg'
但我不确定如何使用data-win-bind正确地将所述属性设置为css属性background-img: url('');。
我的模板目前设置如下：
<div class="item" data-win-bind="style.backgroundImage: backgroundImageUrl">
backgroundImageUrl是我的视图模型属性，但这似乎没有正确设置。
关于如何绑定这些属性的任何想法？
答案 0 :(得分：0)
您的data-win-bind语法看起来是正确的。所以可能有两种可能性。
首先，确保你已经调用了WinJS.Binding.processAll。必须设置绑定上下文并设置data-win-bind属性描述的绑定。没有它就没有任何事情发生。
其次，源的backgroundImageUrl的值必须是CSS期望的形式的字符串，即“url（''）”。它不能只是相对路径本身，就像你使用img.src目标一样。
要执行此操作，请在该表单中创建source的属性，或使用绑定初始化程序/转换器自动添加url（''）部分。有关这方面的更多信息，我建议查看我的免费电子书Programming Windows Store Apps with HTML, CSS, and JavaScript, 2nd Edition的第6章，从第299页开始的一般数据绑定讨论和从第315页开始的初始化程序。