小编use*_*949的帖子

如何敲除绑定到backgroundImage URL?

我有一个可观察的数组

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)

我怎么能达到这个目的?

css binding knockout.js

30
推荐指数
2
解决办法
2万
查看次数

标签 统计

binding ×1

css ×1

knockout.js ×1