Data binding 使用数据绑定win绑定到backgroundImageUrl
我正在尝试在WinJS应用程序中绑定Data binding 使用数据绑定win绑定到backgroundImageUrl,data-binding,winjs,Data Binding,Winjs,我正在尝试在WinJS应用程序中绑定后台img:url(“”)属性 我有一个视图模型属性,该属性设置为动态,如: 'images/' + myObject.name + '.jpg' 但是我不确定如何使用data-win-bind将所述属性设置为css属性background-img:url(“”)正确 我的模板当前设置如下: <div class="item" data-win-bind="style.backgroundImage: backgroundImageUrl">
后台img:url(“”)
属性
我有一个视图模型属性,该属性设置为动态,如:
'images/' + myObject.name + '.jpg'
但是我不确定如何使用data-win-bind
将所述属性设置为css属性background-img:url(“”)代码>正确
我的模板当前设置如下:
<div class="item" data-win-bind="style.backgroundImage: backgroundImageUrl">
其中backgroundImageUrl
是我的视图模型属性,但这似乎无法正确设置
关于如何绑定到这些属性,您有什么想法吗?您的数据绑定语法看起来是正确的。所以可能有两种可能性
首先,确保调用了WinJS.Binding.processAll。这是设置绑定上下文和设置数据win bind属性描述的绑定所必需的。没有它什么也不会发生
其次,源的backgroundImageUrl的值必须是CSS所期望的形式的字符串,即“url(“”)”。它不能像img.src目标那样只是相对路径本身
要做到这一点,可以将源属性设置为该格式,或者使用绑定初始值设定项/转换器自动添加url(“”)部分。关于这方面的更多信息,我建议看一下我免费电子书的第6章,从299页开始讨论一般数据绑定,从315页开始讨论初始值设定项