在聚合物中添加HTML

Question

这是我的HTML

<div id="setImgWrap">
<!-- Here append image will be show -->
</div>

在这里，我将附加于js

this.addedImages =  {
	imageURL	:	self.downloadURL		
};
this.$.setImgWrap.append('<iron-image src="' +[[this.addedImages.imageURL]] + '"></iron-image>');

我想在浏览器上显示所有上传的图片，但这显示双引号旁边的整个标记。如何才能显示多个图像？

Answer 1

聚合物中单向结合的格式为[[varibale]]。但是当你喜欢

时

<iron-image src="' +[[this.addedImages.imageURL]] + '"></iron-image>

将被评估为没有变量[[this.addedImages.imageURL]]当然它不会是变量。

所以，你必须这样做

<iron-image src="[[' +this.addedImages.imageURL+ ']]"></iron-image>

然后该变量将被评估为图像路径，即"[[' +this.addedImages.imageURL+ ']]"将更改为＆＃34; [[this.addedImages.imageURL]]"

检查Data binding in polymer了解更多信息

append('<iron-image src="[[\' +this.addedImages.imageURL+ \']]"></iron-image>');