Append HTML in the polymer

Question

Here is my html

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

and here i am appending from js

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

I want to show all uploaded image on browser, but this is showing whole tag in side the double quotes. How to i can show multiple images ?

I i tried its now working , have to use quotes inside the append(). otherwise its showing error. Uncaught SyntaxError: Unexpected token — Abhay Sharma, Jul 03 '17 at 05:22

Mr_Perfect · Answer 1 · 2017-07-04T06:14:12.293

0

The format of one-way binding in polymer is [[varibale]]. But when you do like

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

that will be evaluated as there is no variable [[this.addedImages.imageURL]] of course it won't be a variable.

So, you must do this

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

then the variable will be evaluated to image path i.e., "[[' +this.addedImages.imageURL+ ']]" will be changed to "[[this.addedImages.imageURL]]"

check Data binding in polymer for more info

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

edited Jul 04 '17 at 06:14

answered Jul 03 '17 at 05:27

Mr_Perfect

8,254
11
35
62

Thanks for your response, but i want to append whole tag from js to html. – Abhay Sharma Jul 04 '17 at 04:56
Just mention the same in `append`. There is difference right. – Mr_Perfect Jul 04 '17 at 05:53
I used it like that - this.$.setImgWrap.append(''); but instead of showing image its showing whole "" tag in double quotes at browser. – Abhay Sharma Jul 04 '17 at 06:01
you are ending a bracket after imageURL , so where is the opening of this bracket ? – Abhay Sharma Jul 04 '17 at 06:05

Append HTML in the polymer

1 Answers1