привязка к атрибуту srcset не работает с KnockoutJS

Question

Как вы можете связать srcset в KnockoutJS ?

Я пытался использовать "attr" из их документации.

<picture>
    <source data-bind="attr: { srcset: require.toUrl('/Vendor_Module/images/mobile-version.png')" media="(max-width: 767px)" />
    <source data-bind="attr: { srcset: require.toUrl('/Vendor_Module/images/desktop-version.png')" />
    <img data-bind="attr: { src: require.toUrl('/Vendor_Module/images/desktop-version.png')/>
</picture>

Полученная разметка ...

<picture>
    <source data-bind="attr: { srcset: require.toUrl('/Vendor_Module/images/card-mobile.png')" media="(max-width: 767px)" />
    <source data-bind="attr: { srcset: require.toUrl('/Vendor_Module//images/card-desktop.png')" />
    <img data-bind="attr: { src: require.toUrl('/Vendor_Module/images/card-desktop.png') src="https://example.com/static/version1527767610/frontend/vendor/theme/en_US/Vendor_Module/images/desktop-version.png" />
</picture>

Answer 1

(facepalm)

Я просто пропустил } в конце "attr" -привязки .

Так что это...

<source data-bind="attr: { srcset: require.toUrl('/Vendor_Module/images/desktop-version.png')" />

стало этим ...

<source data-bind="attr: { srcset:  require.toUrl('/Vendor_Module/images/desktop-version.png')}" />