Polymer中動態生成的HTML的數據綁定？

Question

當我寫我的<template> -tag內之後，一切工作正常：

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

我動態生成一個新的<li> - 元素具有相同的結構，像這樣：

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

但是，當我單擊此元素，事件處理程序不會被調用。

的事件處理程序是這樣的：

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);