Bagaimana cara menentukan jalur gambar kulit dalam template HTML Knockout?

Saya mencoba menambahkan gambar ikon di Magento_Paypal/web/template/payment/paypal-express.htmltemplate. Ikon terletak di web/images. Saya ingin menggunakan kode yang setara dengan yang berikut, yang berfungsi dalam templat HTML email, tetapi tidak pada templat khusus ini:

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

Karena variabel kurung kurawal tidak berfungsi dalam template HTML ini, bagaimana Anda mereferensikan gambar yang ada di web/imagesdirektori tema ?

Anda perlu memanggil ke functiondalam jsdari templat.

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

Jika Anda mencoba menambahkan hanya path gambar dalam file phtml, Anda harus mengikuti cara di bawah ini

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

Untuk melakukannya dengan cara Knockout:

Coba tambahkan variabel ke jendela dari file * .phtml:

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

dan membaca variabel itu dari jendela:

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

Ubah kode gambar Anda:

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

buat variabel js dalam phtml

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

Sekarang buat fungsi js baru

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

di file html Anda

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

Anda dapat menggunakan ini di setiap magento memerlukan file js tanpa persyaratan - itu berasal dari vendor / magento / module-theme / view / frontend / templates / halaman / js / require_js.phtml

memerlukan.s.konteks ._. config.baseUrl