2017-07-03 77 views
1

在这里,是我的html追加HTML聚合物

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

我在这里从JS

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

附加我想告诉所有在浏览器上传图片,但是这在双引号中显示了整个标签。如何显示多个图像?

+0

试试这个'' –

+0

我试过了工作,必须在append()中使用引号。否则显示错误。未捕获的SyntaxError:意外的令牌< –

+1

检查我的答案 –

回答

0

聚合物中单向结合的格式是[[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]]"

检查Data binding in polymer更多信息

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

感谢您的回复,但我想从js到html添加整个标记。 –

+0

只需在'append'中提及相同的内容。有区别的权利。 –

+0

我用它就是这样 - this。$。setImgWrap.append('>');而不是在浏览器中用双引号显示整个“”标签。 –