Onclick绑定图像使用knockout js

Question

我想显示allDoorColorStandard.

HTML:

Onclick">颜色数据";Div，我想更新图像。在警报中，我正在获取图像URL，现在需要在图像标签中绑定。

<div data-bind="foreach: { data: doorColorList, as: 'doorStyleType' }">

<img class="mappimg" width="45" height="45" alt="" data-bind="attr: {src: $parent.mappingImage}" if="$parent.mappingImage">

<div data-bind="foreach: { data: Object.values(doorStyleType.colors.standard) , as: 'allDoorColorStandard' }">  
<div class="color-data" data-bind="click: $parents[1].selectColor">      

<span class="style-name" data-bind="text: allDoorColorStandard.color_name"></span>
</div>      
</div>

</div>

JS:

selectColor: function (styleColor,color) {
alert('kkkk'+styleColor.mapping_image);
self.mappingImage(styleColor.mapping_image);
},

任何帮助都将不胜感激。

Answer 1

您需要打开mappingImage:

<img class="mappimg" width="45" height="45" alt="" data-bind="attr: {src: $parent.mappingImage()}, if:$parent.mappingImage">

Answer 2

您是否收到任何错误消息?如果不看到数据/虚拟机的结构，就很难看到。属性mappingImage是否属于doorColorList阵列?