javascript - 在聚合物中附加 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+ ']]"将更改为“[[this.addedImages.imageURL]]"

检查聚合物中的数据绑定以获取更多信息

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