polymer 绑定html元素,使用在Polymer元素内的light dom中定义的模板

我正在尝试将模板从DOM移动到元素内部.

这是我的要素:

BOOM

Polymer('bt-sortable-list', {

ready: function() {

var div = document.createElement('div');

contentStr = this.trim(innerHTML);

var parsed = markdown.toHTML(content);

this.$.itemTemplate.innerHTML = parsed;

this.list = [{name: 'Item 1', id: 'item1'}, {name: 'Item 2', id: 'item2'}, {name: 'Item 3', id: 'item3'}];

this.$.repeatTemplate.model = this.list;

}

});

这是我的html文件:

Sortable List

Name {{name}}

我似乎无法在test.html中获取要在bt-sortable-list自定义元素中使用的模板.一般的想法是自定义元素将处理列表和其他东西,同时让使用该元素的html定义列表元素的显示方式.我已尝试以编程方式添加模板,如图所示.我也试过在bt-sortable-list元素下没有模板.我也尝试使用内容元素来获取test.html中的模板内容.

任何建议将不胜感激.

总结

以上是生活随笔为你收集整理的polymer 绑定html元素,使用在Polymer元素内的light dom中定义的模板的全部内容，希望文章能够帮你解决所遇到的问题。

如果觉得生活随笔网站内容还不错，欢迎将生活随笔推荐给好友。