녹아웃 HTML 템플릿에서 스킨 이미지 경로를 지정하는 방법은 무엇입니까?

Magento_Paypal/web/template/payment/paypal-express.html템플릿에 아이콘 이미지를 추가하려고합니다 . 아이콘은에 있습니다 web/images. 이메일 HTML 템플릿에서는 작동하지만이 특정 템플릿에서는 작동하지 않는 다음 코드와 동등한 코드를 사용하고 싶습니다.

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

중괄호 변수가이 HTML 템플릿에서 작동하지 않기 때문에 테마 web/images디렉토리 에있는 이미지를 어떻게 참조 합니까?

당신은 전화를 필요 function로 js템플릿에서.

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

phtml 파일에 이미지 경로 만 추가하려는 경우 아래 방법을 따라야합니다.

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

녹아웃 방법으로이 작업을 수행하려면

* .phtml 파일에서 창에 변수를 추가하십시오.

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

창에서 해당 변수를 읽습니다.

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

이미지 코드 변경 :

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

phtml에서 js 변수 만들기

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

이제 새로운 js 함수를 만드십시오.

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

당신의 HTML 파일

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

벤더 /magento/module-theme/view/frontend/templates/page/js/require_js.phtml에서 온 모든 magento require js 파일에서이를 사용할 수 있습니다.

require.s.contexts ._. config.baseUrl