사용하여 고분자

Question

내가 만든 파일 :

card.html :

<polymer-element name="card" constructor="Card"> 
    <template> 
    <link rel="stylesheet" href="card.css"> 
    <content></content> 
    </template> 
    <script src="card.js"></script> 
</polymer-element> 

card.js :

class Card { 

    ready() { 
    } 

    leftView() { 
    } 
} 

내가 함께 폴리머를 사용하려고 해요 typescript, 나는 클래스를 이해해야한다. Node는 Node를 확장하는 Polymer 클래스를 확장해야한다.

class Card extends HTMLElement { 
    ready() { 
     alert("made a card"); 
    } 
} 

Polymer('x-card', Card.prototype); 

주 : 당신이 constructor 방법에 코드를 삽입하는 경우가 있기 때문에 방법으로 아카의 (실행되지 않습니다

Answer 1

귀하의 타이프 라이터 다음과 같이 수 (card.ts하지 card.js해야한다) 사용자 지정 요소는 브라우저 수준에서 마샬링됩니다.

시도해 보려면 입력 스크립트를 자바 스크립트로 컴파일해야합니다. 또한 사용자 정의 요소 이름에는 대시가 포함되어야합니다.

<polymer-element name="x-card" constructor="Card">