Knockout.js基于索引动态绑定img src

Question

我有以下代码：

  <tbody>
                        <tr data-bind="foreach: EffectQuantityTotal">
                            <td>
                                <span>
                                    <img data-bind="attr: { src: $root.ProductEffectImages() ? $root.ProductEffectImages()[0].ImageSrc : '../images/style2/pose-select-placeholder.png' }, click: $root.Paste"
                                        width="120" />
                                </span>
                            </td>
                        </tr>
                    </tbody>

$ root.ProductEffectImages（）将为null，直到不会完成实际的点击事件“粘贴”。 占位符图像显示正常，但单击功能完成后，我想更新图像。 对象创建正确，但是我想为每个effectquantitytotal获取第n个图像网址，因此，例如，如果我的EffectQuantityTotal为3，则将为每个值创建图像占位符，并且在选择ImageUrl之前将显示占位符，但是一旦选择图片后，需要设置正确的图片网址。

因此，与现在测试硬编码$root.ProductEffectImages()[0].ImageSrc的方式不同，0将会替换为nth值，可能是使用$ index而不是0。

Answer 1

一个observableArray一个空数组初始化，而不是null的，即使你把它传递null 。 创建它之后，可以将其分配为null ，然后它将真正具有该值，并且您的条件将允许您使用

src: $root.ProductEffectImages() ? $root.ProductEffectImages()[$index() - 1].ImageSrc : ...