Onclick使用淘汰赛js绑定图像答案

【问题标题】：Onclick bind image using knockout jsOnclick使用淘汰赛js绑定图像
【发布时间】：2021-12-02 16:46:19
【问题描述】：

我想显示来自 allDoorColorStandard 的图像。

HTML：

Onclick "color-data" 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);
},

任何帮助将不胜感激。

【问题讨论】：

标签： knockout.js knockout-mvc

【解决方案1】：

你需要解开mappingImage:

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

【讨论】：

还是不行

【解决方案2】：

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

【讨论】：