Jak określić ścieżkę obrazu skóry w szablonie Knockout HTML?

Próbuję dodać obraz ikony do Magento_Paypal/web/template/payment/paypal-express.htmlszablonu. Ikona znajduje się w web/images. Chciałbym użyć odpowiednika następującego kodu, który działa w szablonach HTML e-mail, ale nie tego konkretnego szablonu:

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

Ponieważ zmienne nawiasów klamrowych nie działają w tym szablonie HTML, w jaki sposób odwołujesz się do obrazu, który istnieje w katalogu motywu web/images?

Musisz zadzwonić functiondo jsz szablonu.

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

Jeśli próbujesz dodać tylko ścieżkę obrazu do pliku phtml, wykonaj następujące czynności,

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

Aby to zrobić w trybie Knockout:

Spróbuj dodać zmienną do okna z pliku * .phtml:

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

i czytanie tej zmiennej z okna:

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

Zmień kod obrazu:

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

utwórz zmienną js w phtml

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

Teraz utwórz nową funkcję js

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

w tobie plik HTML

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

Możesz użyć tego w każdym magento wymagającym plików js bez żadnych wymagań - pochodzi od dostawcy / magento / module-theme / view / frontend / templates / page / js / requ_js.phtml

Requires.s.contexts ._. config.baseUrl