我正在尝试将模板从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中定义的模板相关推荐

  1. 第一个Polymer应用 - (2)创建你自己的元素

    原文链接: Step 2: Your own element 翻译日期: 2014年7月6日 翻译人员: 铁锚 通过上一节的学习和实践, 您已经完毕了一个主要的应用程序结构(application s ...

  2. 动态添加html元素绑定事件,关于javascript:jQuery如何将onclick事件绑定到动态添加的HTML元素...

    本问题已经有最佳答案,请猛点这里访问. 我想将onclick事件绑定到用jquery动态插入的元素 但它从不运行绑定函数.如果您能指出这个示例为什么不起作用,以及如何使它正常运行,我将非常高兴: /p ...

  3. 行内块元素有哪些标签_html的行内元素与块级元素总结

    希望大家补充一下常见的块级元素与行内元素~ 如有错误,请大家在评论区指出,一起进步! 一.区别 二.常见的块级元素: p:段落标签 div:把DIV看作是一容器,容器专门用来包含内容 h1.h2- - ...

  4. JavaScript基础12-day14【DOM查询(获取元素节点、获取元素节点的子节点)、全选练习、DOM增删改、DOM添加删除记录、Window对象方法】

    学习地址: 谷粒学院--尚硅谷 哔哩哔哩网站--尚硅谷最新版JavaScript基础全套教程完整版(140集实战教学,JS从入门到精通) JavaScript基础.高级学习笔记汇总表[尚硅谷最新版Ja ...

  5. ref获取元素 vue 删除子元素_vue中的 ref 和 $refs

    相信前端开发或者后端开发都用过jquery,因为不是数据驱动,为了获取某些元素的value值,都操作过Dom元素. // 使用Jquery获取Dom元素值$("#id").text ...

  6. 添加元素的注意问题 复习 介绍 元素的创建 元素添加的方法 元素移除的方法

    添加元素的注意问题 <!DOCTYPE html> <html lang="en"> <head><meta charset=" ...

  7. jquery生成一个li_jquery-创建元素和添加子元素

    一.创建新元素 1.使用$函数创建新元素 var $newElement=$(' 段落 ');//创建元素,返回jQuery对象 说明: 1)创建的新元素不会自动的把新元素插入到页面中,我们还需要明确 ...

  8. jaxb 解析list元素_JAXB和根元素

    jaxb 解析list元素 @XmlRootElement是人们习惯于与JAXB(JSR-222)一起使用的注释. 目的是将根元素与类唯一关联. 由于JAXB类映射到复杂类型,因此一个类有可能对应于多 ...

  9. vue选中点击的元素_vue中v-for循环选中点击的元素并对该元素添加样式操作

    相信大家都会遇到这种情况:v-for循环时,我只需要点击到的元素做出相应反应,其他的元素不变:但是往往所有v-for循环出的元素都会变化.如下面的代码:我需要点击到的元素添加一个类样式,其他元素不变, ...

最新文章

  1. Android深度探索--HAL与驱动开发----第一章读书笔记
  2. python计算特征与目标的相关性并可视化
  3. 服务管理--systemctl命令
  4. Django和Ajax
  5. [leetcode]1137. 第 N 个泰波那契数
  6. edittext实现自动查询,刷新listview
  7. 正则匹配不包含某字符串_如何替换JS字符串中匹配到多处中某一指定节点?
  8. [小北De编程手记] : Lesson 01 玩转 xUnit.Net 之 概述
  9. gitlab和github一起使用
  10. java自动识别文件编码格式
  11. 机器人系统反馈控制结构设计(现代控制理论5)
  12. server 2008 r2中无法启用“网络发现”
  13. Mandriva小记
  14. 全面解决交通难题,智慧大脑助力城市创建智慧交通管理体系
  15. 【JAVA】360-2021校招笔试-技术综合A卷-0911
  16. 拜占庭鲁棒Krum聚合算法
  17. [JZOJ5364]史莱姆
  18. 关于微信小程序第三方客服接入调查
  19. 安化县东坪完小师生们顺利完成云台山风景区研学之旅
  20. 使用STM32CUBEMX HAL库读写SD卡

热门文章

  1. Caffe学习系列(18): 绘制网络模型
  2. 代码回滚:Reset、Checkout、Revert 的选择
  3. Android 学习视频
  4. java 8大happen-before原则超全面详解
  5. JVM调优总结(4):分代垃圾回收
  6. Java 程序中的多线程
  7. windows中遍历指定文件夹下的所有子文件夹
  8. 深入理解Objective-C:方法缓存
  9. 编程之美-24点游戏方法整理
  10. 【OpenCV3】直线拟合——cv::fitLine()详解