일부 HTML 페이지를 폴리머 요소 템플릿으로 참조 할 수 있습니까? 몇 가지 예제를 보았지만 요소의 로컬 DOM에는 HTML 마크 업만 있습니다. 다음과 같은 것을 원합니다 :폴리머 요소 템플릿으로 HTML 페이지
<dom-module id="xyz-element">
<template>
<style>
/* local DOM styles go here */
</style>
<!-- local DOM goes here -->
<import src="any.html"/>
</template>
<script>
Polymer({
is: 'xyz-element',
});
</script>
</dom-module>
미리 감사드립니다.
버전 0.8에서는 가능하지 않다고 생각합니다. 당신의 의도가 작은 부분으로 HTML 부분을 파괴하지만, 단지 JS에서 분리 할 수없는 경우 대신 스크립트를 가져올 수 있습니다, How to import template in polymer?
를 참조하십시오
<dom-module id="my-module">
<template>
<!-- all of your element's HTML goes here -->
</template>
</dom-module>
<!-- all of your element's JS goes here -->
<script src="my-module.js"></script>
my-module.js에 무엇이 포함되어 있는지 자세히 설명해 주실 수 있습니까? 모든 HTML 마크 업을 포함하고 자바 스크립트를 사용하여 템플릿 태그에 삽입해야합니까? – Jaffy
아니요, js 파일에는 Polymer 정의 ('Polymer()'호출 등) 만 포함됩니다. 사용법은 정확히 위의 스 니펫과 같습니다. –
'
흥미 롭. 왜 그런 기능이 필요한가요? –
내 구성 요소가 더 큰 HTML로 구성되어 있으므로 구성 요소 정의 파일 (일종의) 외부에 보관하고 싶습니다. – Jaffy
구성 요소를 작은 요소로 나누는 것은 어떻습니까? –