Comment spécifier le chemin de l'image de la peau dans le modèle HTML Knockout?

J'essaie d'ajouter une image d'icône dans le Magento_Paypal/web/template/payment/paypal-express.htmlmodèle. L'icône se trouve dans web/images. Je voudrais utiliser l'équivalent du code suivant, qui fonctionne dans les modèles HTML de courrier électronique, mais pas ce modèle particulier:

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

Étant donné que les variables d'accolade ne fonctionnent pas dans ce modèle HTML, comment référencer une image qui existe dans le web/imagesrépertoire du thème ?

Vous devez appeler l' functionen jsdans le modèle.

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

Si vous essayez d'ajouter simplement un chemin d'image dans un fichier phtml, vous devez suivre la procédure ci-dessous,

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

Pour ce faire avec Knockout:

Essayez d'ajouter une variable à la fenêtre à partir du fichier * .phtml:

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

et lire cette variable depuis la fenêtre:

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

Changez votre code d'image:

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

créer une variable js en phtml

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

Créez maintenant une nouvelle fonction js

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

dans votre fichier html

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

Vous pouvez l'utiliser dans chaque fichier js Magento require sans aucune exigence - cela vient du fournisseur / magento / module-theme / view / frontend / templates / page / js / require_js.phtml

require.s.contexts ._. config.baseUrl