[英]Polymer Element not registered in polymer from string/text
有人可以帮助我说明在此示例中我做错了什么-http://jsbin.com/bekoxo/2/edit?html,输出#H:L23
Chrome浏览器的屏幕截图位于-https://www.dropbox.com/s/t6uua7h714h2otg/Screenshot%202014-10-13%2001.32.54.png ?dl=0
我可以发现元素(appler-page)未成功注册,模板显示文档碎片,而不是所需的影子根
成功渲染了第二个元素,其中聚合物定义是标记(相同标记)的一部分。
有人可以指出我想念的东西,以便使示例的第一部分也能起作用。
(通过javascript创建一个元素并立即使用它)
编辑---下面的问题代码
<head>
<script src="//cdnjs.cloudflare.com/ajax/libs/polymer/0.3.3/platform.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/polymer/0.3.3/polymer.js"></script>
<meta name="description" content="problem with dynamically building a polymer element" />
<script src="//code.jquery.com/jquery-1.9.1.min.js"></script>
<script>
var scr = '<polymer-element name="appler-page"><template>template content {{test}}</template><script>var proxymodel = {};proxymodel["test"] = "testfie" ;'+
'Polymer(proxymodel);<\/script><\/polymer-element><appler-page><\/appler-page>';
$(document).ready(function(){
document.getElementById("fie").onclick = function(){
var divel = document.createElement("div");
divel.innerHTML = scr;
document.querySelector(".polymerized").innerHTML = "";
document.querySelector(".polymerized").appendChild(divel);
}
});
</script>
<meta charset="utf-8">
<title>JS Bin</title>
</head>
<body>
<input type="button" id="fie" value="fie"/>
<div class="polymerized">before content</div>
编辑-解决该问题的更好的jsbin
这是一种命令式注册元素的方法(我相信这是您的第一个元素要尝试的操作)。 我已经简化了您的示例。
<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8 />
</head>
<body>
<script src="http://www.polymer-project.org/platform.js"></script>
<link rel="import"
href="http://www.polymer-project.org/components/polymer/polymer.html">
<script>
Polymer('appler-page', {test: 'testfile'});
var el = document.createElement('div');
el.innerHTML = '\
<polymer-element name="appler-page">\
<template>template content {{test}}</template>\
</polymer-element>';
document.body.appendChild(el);
</script>
<appler-page></appler-page>
</body>
</html>
紧跟我发现的最新Polymer版本的另一个实例。
这是一段有用的代码,如果其他人尝试相同的事情,它们可能会有所帮助。
我为导入导入切换到Polymer-project.org地址,并且可以正常工作。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.