更新ng-repeat using指令创建的图像

Question

我使用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");
    }
  }
});

我该如何解决这个问题，或者是否有更好的方法来解决这个问题。

更新

在给定时间图像不一样，我想使用它们的索引访问每个图像的索引。

更新 我添加了这个example，我如何修改例如具有'text 2'

的图像

Answer 1

你不应该需要一个指令。使用ng-src代替图片的普通src属性。