ポリマー

Question

で追加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>');

から追加していますブラウザ上にアップロードされた画像、これは二重引用符の横に全体のタグを表示しています。どのように私は複数の画像を表示することができますか？

Answer 1

ポリマーにおける一方向性結合のフォーマットは、[[varibale]]である。しかし、あなたはそれが変数ではありませんもちろんのない変数[[this.addedImages.imageURL]]が存在しないとして評価されます

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

のように行うとき。

だから、あなたはその後、変数は、画像パスすなわちに評価されます。この

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

を行う必要があり、"[[' +this.addedImages.imageURL+ ']]"は、より多くの情報のためのチェックData binding in polymer[[this.addedImages.imageURL]]"

」に変更されます

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