2014-06-12 3 views
2

일반적으로 폴리머 웹 컴포넌트의 인터페이스를 검색 할 수 있는지 궁금합니다. 아득히 내가 속성 옆에 볼 수있는 것은 거기에 인터페이스의 일종 인 폴리머 - 웹 컴포넌트에 훨씬 더 많은 것들이 있습니다. 각각의 이벤트와 가벼운 DOM이지만, 이것이 일반적이고 신뢰할 수있는 방식으로 어떻게 결정될 수 있는지 아직 파악하지 못했습니다. 방법 (도구 지원 읽기).반사 폴리머/웹 컴포넌트 인터페이스

모든 힌트와 의견을 보내 주시면 감사하겠습니다. 안부, 힐 마르

답변

3

(느슨하게 떨어져 기반으로 core-component-page 참조 구성 요소의 문서화 된 속성, 메소드 및 이벤트를 모아서 기본 예제, 문서 및 데모 링크로 페이지를 렌더링합니다. 예 :

좋은 소식은 속성/메소드가 자동으로 기본 사용자 정의 요소가 ava 인 경우 devtool 콘솔 자동 완성 브라우저에서 ilable. light dom 속성 및 CSS 스타일링 훅과 같은 것들에 대해서는 단단한 문서가 필요합니다.

+0

오케이, 대단합니다 - 적어도 나에게 현재 상태를 설명합니다! ;-) –

0

당신은 DOM 조작을 사용하여 명령 적 웹 구성 요소 인터페이스에 액세스 할 수 있습니다 : STH를 볼 수 있었다

var fooComponent = document.createElement('foo-component'); 

fooComponent.doSomething(); 

경우 fooComponent한다. 다음과 같이 : 이것은 폴리머 :

폴리머를 들어

, 우리가 생성 한 문서 시스템으로 생성 된 웹 구성 요소뿐만 아니라 사람을위한 탐사의 일반적인 영역은

Polymer('foo-component', { 
    doSomething: function() { 
    // do something 
    } 
}); 
+0

감사합니다. 경험적으로 몇 가지 정보를 얻으려면 괜찮을 수도 있지만 예제에서는 속성 및 이벤트에 대한 실제 메타 데이터를 가져 오는 것보다 imperatively 요소를 인스턴스화하는 것이 더 낫습니다. 그러나 예를 들어 전체 가벼운 DOM은 구성 요소에 명시 적으로 설명되지 않고 그림자 DOM (