Como especificar o caminho da imagem da capa no modelo HTML do Knockout?

Estou tentando adicionar uma imagem de ícone no Magento_Paypal/web/template/payment/paypal-express.htmlmodelo. O ícone está localizado em web/images. Gostaria de usar o equivalente ao código a seguir, que funciona em modelos HTML de email, mas não neste modelo específico:

<img src="{{view url='images/icon-paypal.png'}}">

Como as variáveis ​​entre chaves não funcionam neste modelo HTML, como você faz referência a uma imagem que existe no web/imagesdiretório do tema ?

Você precisa chamar o functionpara jsno modelo.

require.toUrl('images/icon-paypal.png');

Se você estiver tentando adicionar apenas um caminho de imagem no arquivo phtml, siga o caminho abaixo,

<img src="<?php echo $block->getViewFileUrl('images/image.png') ?>">\

Para fazer isso da maneira Knockout:

Tente adicionar uma variável à janela do arquivo * .phtml:

<script>
  window.imgpath = '<?php echo $block->getViewFileUrl('images/image.png') ?>';
  </script>

e lendo essa variável da janela:

  function someFunction() {
  var imgPath = window.imgpath;
  }

Mude o seu código de imagem:

<img alt="" data-bind="attr: { src: someFunction() } "/>

criar variável js em phtml

<script>
  var imgpath = '<?php echo $block->getViewFileUrl('images/image.png') ?>';
</script>

Agora crie nova função js

getImagepaypal: function() {
                return window.imgpath;
            }

no seu arquivo html

 <img alt="" data-bind="attr: { src: getImagepaypal() } "/>

Você pode usar isso em cada magento requer arquivos js sem nenhum requisito - é proveniente do fornecedor / magento / theme-module / view / frontend / templates / page / js / require_js.phtml

require.s.contexts ._. config.baseUrl