javascript - 使用 ionic 框架和 angularjs 在图像元素中使用 "this"关键字

Question

下面的代码工作正常，但是当我在 ionic 框架和 angularjs 中使用它时，它不起作用。 “this”关键字在 angularjs 中有效吗？

<img id="replace" src="empty.png">
<img onclick = "replaceImg(this)" src="apple.jpg">
<img onclick = "replaceImg(this)" src="orange.jpg">

function replaceImg(e){
  document.getElementById("replace").src = e.src;
}

当我使用 angularjs 时，“e”未定义。

<img id="replace" src="empty.png">
<img  ng-click = "replaceImg(this)" src="apple.jpg">
<img  ng-click = "replaceImg(this)" src="orange.jpg">

 $scope.replaceImg = function(e){
       document.getElementById("replace").src = e.src;
  }

Answer 1

在 AngularJS 中执行此操作:

<img id="replace" ng-src="{{replaceSrc}}" 
                  ng-init="replaceSrc='empty.png'">
<img ng-click="replaceSrc='apple.jpg'"  src="apple.jpg">
<img ng-click="replaceSrc='orange.jpg'" src="orange.jpg">