使用指令

更新由ng-repeat創建的圖像我使用sockte.io從服務器獲取數據，並依賴於數據（item.text）我必須更改圖像。我試圖訪問DOM並使用指令修改圖像，但沒有運氣。使用指令

這是我的代碼：

HTML：

<table> 
    <tr ng-repeat="item in items" myDirective> 
     <td><img ng-src="{{myImages}}" ></td> <td>{{item.text}}</td> 
    </tr> 

</table>

JS：

App.directive('myDirective', function(){ 
    return { 
    link: function($scope, elm){ 
     console.log('eee', elm); 
     elm[0]['children'][0]['children'][0].attr('src',"/url/to/the/image"); 
    } 
    } 
});

我怎樣才能解決這個問題，或者如果有做一個更好的辦法。

UPDATE：

在給定時間的圖像是不一樣的，我想查看在使用他們的索引每個圖像的索引。

UPDATE： 我加入這個example，我怎麼能修改，例如有圖像「文本2」

來源

2014-09-23 Mils

在你的小提琴中只有一個圖像地址：http：//www.exlibrisgroup.com/fr/files/products/common_icon.gif應該是一個數組嗎？ – mb21 2014-09-23 16:51:44

這不是我所有的代碼，我已經更新了EXAMPLE（只是我添加了一個新的圖像），我想用這張圖片更新'文本2'。我怎樣才能做到這一點？ – Mils 2014-09-23 17:35:49

http://jsfiddle.net/Lgwjj3m2/？ – mb21 2014-09-23 18:17:35

你不應該需要這樣的指令。使用ng-src而不是圖像的正常src屬性。

來源

2014-09-23 14:49:34 mb21

在給定的時間圖像是不一樣的，用ng-src可以嗎？ – Mils 2014-09-23 15:10:26

如果你的意思是在'ng-src =「myImages」'中的'myImages'變量被更新到別的地方，那麼是的，這是可能的。 – mb21 2014-09-23 15:19:03

我添加了一個示例，請參閱更新。謝謝 – Mils 2014-09-23 16:06:17

回答

相關問題