2017-07-03 111 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('>');而不是在瀏覽器中用雙引號顯示整個「」標籤。 –