Polymer에서 동적으로 생성 된 HTML에 대한 데이터 바인딩?

Question

나는 내 <template> -tag 내부에 다음과 같은 쓰기, 모든 작동합니다 :

crumb = document.createElement("li"); 
crumb.innerHTML = '<a on-click="{{breadcrumbClick}}">'+category+'</a>'; 

을하지만 때를 :

<ul id="breadcrumbList" class="breadcrumb"> 
    <li><a on-click="{{breadcrumbClick}}">{{overviewName}}</a></li> 
</ul> 

내가 동적 같은, 동일한 구조의 새로운 <li> - 요소를 생성 이 요소를 클릭하면 이벤트 핸들러가 호출되지 않습니다.

이벤트 핸들러는 다음과 같습니다

breadcrumbClick: function(event, detail, sender) { 
    /*reaction*/ 
} 

나는 그것이 동적으로 생성 된 콘텐츠에 대한 데이터 바인딩을 사용하는 것이 가능 또는 불가능 여부에 대한 모든 문서를 찾을 수 없습니다.

Answer 1

injectBoundHTML()으로 가능합니다. 우리는 아직 문서화되지 않은,하지만 당신은 여기에 방법 서명 및 데모 볼 수 있습니다 https://github.com/Polymer/docs/issues/607

예 :

<li id="myli></li> 

this.injectBoundHTML('<a on-click="{{breadcrumbClick}}">...</a>', this.$.myli);