2
我正在編寫一個聚合物應用程序,服務器將根據請求返回圖像文件名稱。 1或2個圖像文件可能會返回。我想將動態生成的鐵圖像元素添加到陰影中。我可以檢查添加了鐵圖像元素,但圖像沒有顯示。怎麼了 ?
「test3.png」與html文件已位於同一位置。將新元素動態添加到自定義元素中Polymer
<link rel="import" href="bower_components/polymer/polymer.html">
<link rel="import" href="bower_components/paper-styles/paper-styles.html">
<link rel="import" href="bower_components/iron-image/iron-image.html">
<link rel="import" href="bower_components/paper-spinner/paper-spinner.html">
<dom-module id="iron-image_test-element">
<style is="custom-style">
paper-spinner { display: block; position: fixed; top:50%; left:50%; margin-top: 0px; margin-left: 0px; }
</style>
<template>
<paper-spinner id="spinner"></paper-spinner>
</template>
<script>
Polymer({
is: "iron-image_test-element",
ready: function() {
//Remove server call back for simplicity
var img = document.createElement("iron-image");
img.setAttribute("src", "test3.png");
img.setAttribute("sizing", "contain");
img.setAttribute("class", "preload fade");
img.style.width = "400px";
img.style.height = "400px";
Polymer.dom(this.root).appendChild(img);
Polymer.dom(this.root).flush();
}
});
</script>