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 : ...