Looking for polymer-1.0 Answers? Try Ask4KnowledgeBase
Looking for polymer-1.0 Keywords? Try Ask4Keywords

polymer-1.0polymer-1.0 시작하기


비고

  • 위의 예는 로컬 DOM을 사용하는 사용자 정의 (폴리머) 요소의 최소 구조를 보여줍니다.
  • Polymer 요소는 script 태그를 사용하여 완전히 만들 수도 있지만이 항목에는 포함되어 있지 않습니다.
  • style 태그는 최소한의 구조의 일부가 아니지만 이해를 돕기 위해 보관되었습니다.
  • 또한 스크립트 태그는 명령형 및 선언 형으로 모두 사용할 수 있습니다. 즉, 사용자는 적어도 위에 작성된 코드가있는 별도의 js 파일을 가지고 요소로 참조 할 수 있습니다.
  • 있습니다 iddom-module 하고 is 재산 Polymer constructor 항상 동일해야합니다.

버전

번역 출시일
v1.6.0 2016-06-29
v1.5.0 2016-05-31
v1.4.0 2016-05-18
v1.0.0 2015-05-27

요소 구조

내용이없는 요소 정의.

<dom-module id="empty-element">
  <template>
    <style>
    </style>
  </template>

  <script>
    Polymer({
      is: 'empty-element',
    });
  </script>
</dom-module>
 

그런 다음 다른 요소에서 새 요소를 사용할 수 있습니다.

<!DOCTYPE html>
<html>
    <head>
        <!-- Using lite version as Polymer does not require Polyfill for Shadow Dom -->
        <script src="path/to/bower_components/webcomponentsjs/webcomponents-lite.min.js"></script>
        <!-- Importing the element assuming file name is also empty-element.html -->
        <link rel="import" href="empty-element.html">
    </head>

    <body>
        <empty-element></empty-element>
    </body>
</html>