Làm cách nào để chỉ định đường dẫn hình ảnh giao diện trong mẫu Knockout HTML?

Tôi đang cố gắng thêm một hình ảnh biểu tượng trong Magento_Paypal/web/template/payment/paypal-express.htmlmẫu. Biểu tượng được đặt trong web/images. Tôi muốn sử dụng mã tương đương với mã sau, hoạt động trong các mẫu HTML email, nhưng không phải mẫu cụ thể này:

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

Vì các biến dấu ngoặc nhọn không hoạt động trong mẫu HTML này, làm thế nào để bạn tham chiếu một hình ảnh tồn tại trong web/imagesthư mục của chủ đề ?

Bạn cần gọi functionvào jstừ mẫu.

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

Nếu bạn đang cố gắng chỉ thêm một đường dẫn hình ảnh trong tệp phtml, bạn nên làm theo cách dưới đây,

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

Để làm điều này với cách Knockout:

Hãy thử thêm một biến vào cửa sổ từ tệp * .phtml:

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

và đọc biến đó từ cửa sổ:

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

Thay đổi mã hình ảnh của bạn:

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

tạo biến js trong phtml

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

Bây giờ tạo chức năng js mới

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

trong tập tin html của bạn

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

Bạn có thể sử dụng điều này trong mỗi magento yêu cầu các tệp js mà không có bất kỳ yêu cầu nào - nó đến từ nhà cung cấp / magento / module-theme / view / frontend / samples / page / js / allow_js.phtml

Yêu cầu.s.contexts ._. config.baseUrl