2017-11-15 9 views
0

저는 폴리머 요소를 사용하는 웹 사이트 (단일 페이지 앱 아님)를 만들고 있습니다. 웹 사이트 '앱'은 <dom-module>에 포함되어 있지 않지만 여전히 <app-route> 요소를 사용하고 싶습니다.폴리머를 앱 외부의 <app-route> 요소를 사용 하시겠습니까?

전체 사이트가 포함 된 맞춤 '앱 구성 요소'를 만들지 않고 어떻게 할 수 있습니까 (전체를 <dom-module>에 넣으려고했지만 오류가 많았습니까?)? 나는 단순히 <body> 태그 내에 <app-route><app-location>를 사용하는 경우

나는 경로가/데이터/꼬리 예를 들어, 사용하는 대신 프로그래밍 속성 바인딩을 시도 할 경우에도

Uncaught TypeError: Cannot read property 'length' of undefined 

route="{{route}}".

+0

Polymer의 버전을 지정하지 않았지만 올바르게 이해했다면 찾고있는 대상은'dom-bind'와 비슷할 것입니다. 일반 폴리머 요소처럼 보이지만 보이는 구조는 없습니다. https://www.polymer-project.org/1.0/docs/api/elements/dom-bind –

답변

0

다른 폴리머 관리 요소의 컨텍스트 내에 있지 않은 폴리머 요소는 사용자 정의 태그로 브라우저의 관점에서 볼 수 있습니다. 각각은 캡슐화되어 있으며 자체적 인 별도의 내부 컨텍스트를 가지고 있으며 디자인 요소는 이벤트를 보내는 것 이외의 외부 컨텍스트와 상호 작용하지 않습니다.

폴리머는 중재자 패턴을 구현하므로 요소가 직접적으로 의사 소통을하지 못하지만 그렇게 보일 수도 있지만 다양한 옵서버가 암시 적으로 설정됩니다. 실제로 통신이 이루어 지도록하려면 어떤 요소가 Polymer로 관리되는 요소에 싸여 있는지 확인해야합니다.이 경우에는 Kuba Šimonovskýdom-bind 도우미 요소로 지적 될 수 있습니다.

어떤 이유로 든 엘리먼트를 사용하고 싶지 않다면 엘리먼트를위한 이벤트 중심의 중재자를 구현할 수 있습니다 (실제로는 권장하지 않음).