我有一个可观察的数组
var items= [
{"image": "/images/image1.jpg" },
{"image": "/images/image2.jpg" },
{"image": "/images/image3.jpg" }
];
Run Code Online (Sandbox Code Playgroud)
我的模板看起来像这样:
<div data-bind="foreach: items">
<div class="box" data-bind="style: {'background-image': url(image)}"></div>
</div>
Run Code Online (Sandbox Code Playgroud)
不幸的是,这不起作用.我想要的是这个:
<div>
<div class="box" style="background-image: url(/images/image1.jpg)"></div>
<div class="box" style="background-image: url(/images/image2.jpg)"></div>
<div class="box" style="background-image: url(/images/image3.jpg)"></div>
</div>
Run Code Online (Sandbox Code Playgroud)
我怎么能达到这个目的?