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

最新推荐文章于 2025-05-27 09:06:17 发布

weixin_39685130

最新推荐文章于 2025-05-27 09:06:17 发布

阅读量88

点赞数

文章标签： polymer 绑定html元素

作者分享了在将HTML模板从DOM移动到名为bt-sortable-list的自定义Web组件中的尝试过程，遇到的问题包括编程添加模板、元素内模板应用和内容元素获取。寻求如何让HTML定义列表展示方式，同时保持组件的独立处理能力。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

我正在尝试将模板从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中的模板内容.

任何建议将不胜感激.