与图片动态绑定的URL无法正常工作

Question

尝试将URL与图像动态绑定。

<a class="dis-block how1-child1 trans-03" data-bind="attr: { href: latest()[1].url, title: latest()[1].title}, text: latest()[1].title">

     <img data-bind="attr:{src: latest()[1].imageData}">

</a>

实际结果：仅显示标签内容。尽管imageData存在，但图像未附加。

预期结果：绑定并且应该起作用

Answer 1

应该可以。 imageData的确切内容是什么？ URL还是base64？

已编辑： 锚标记上的绑定文本具有删除所有子节点的作用。 如果要在图像旁边添加文本，可以执行以下操作：

<a class="dis-block how1-child1 trans-03" data-bind="attr: { href: latest()[1].url, title: latest()[1].title}">
     <img data-bind="attr:{src: latest()[1].imageData}">
     <span data-bind="text: latest()[1].title"></span>
</a>

请确保基本图片以'data：img / png; base64'开头，并根据您的图片类型使用正确的mimetype。