DART nodes.add（）添加元素的多個副本

Question

我有我想要顯示縮略圖的項目列表。但是，如果有任何縮略圖被記錄爲丟失，我想顯示「丟失的圖像」圖像。該列表可能很長，所以我希望在需要時重複使用相同的「丟失圖像」。

但是，下面的測試代碼僅導致圖像的一個副本 - 最後一個副本添加。我的問題：我怎樣才能多次添加一個Element而不必每次都做一個new（）？

ImageElement img = new ImageElement(); 
img.src= "http://myserver/missing.png"; 
... 
div.nodes.add(img);  
div.appendText('11111'); 
div.nodes.add(img);  
div.appendText('22222'); 
div.nodes.add(img);  
div.appendText('33333'); 

Answer 1

使用該代碼，您不會向div元素添加新圖像。 div.nodes.add(img)實際上附加了img作爲div元素下的最後一個節點（nodes.add(node)在引擎蓋下使用了Node.appendChild）。

要使其正常工作，必須爲每個div.nodes.add(img)創建一個新的ImageElement。您也可以使用Node.clone()創建新的ImageElement。

喜歡的東西，你的情況如下：

final img = new ImageElement(src:"http://myserver/missing.png"); 
div.nodes.add(img.clone(false)); 
div.appendText('11111'); 
div.nodes.add(img.clone(false)); 
div.appendText('22222'); 
div.nodes.add(img.clone(false)); 
div.appendText('33333');