Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/three.js/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Data binding 使用数据绑定win绑定到backgroundImageUrl_Data Binding_Winjs - Fatal编程技术网

Data binding 使用数据绑定win绑定到backgroundImageUrl

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">

我正在尝试在WinJS应用程序中绑定
后台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页开始讨论初始值设定项