Javascript 单击时更改ng src值

我有一个AngularJS页面，我希望它在单击另一个元素时更改元素的ng src值。I初始化变量src：

data-ng-init="src='assets/img/projects/1'

然后我做了这个元素：

<img data-ng-src="{{src}}/1.jpg" id="img1">

---

不关心我的空链接，我知道如何点击它…，我的问题是，src的值没有改变，我的页面仍然是第一个图像，我如何改进我的代码，将值{src}}/1.jpg更改为{src}/1a.jpg？

将ng click设置为控制器中的函数，这会更改您范围内的src变量。

非常错误的代码，将标准DOM修改与角度修改相结合。只选择一个解决方案，不要以这种方式组合。检查我的示例代码：

var app=角模图像，[]； 将图像src更改为其他 创建新的varibale图像

然后是HTML元素

<img data-ng-src="{{src}}/{{image}}" id="img1">

如果有人单击您的链接，请更改图像值

---

希望这有帮助！谢谢。

src变量不是作用域-我使用ng init初始化了它-这不重要吗？即使使用init初始化它，它仍然在作用域中。不过，在控制器中初始化变量将是更好的做法。ng init=src='assets/img/projects/1'等于controllerYup中的$scope.src='assets/img/projects/1'！谢谢你，伙计

data-ng-init="src='assets/img/projects/1'; image='1.jpg'"

<img data-ng-src="{{src}}/{{image}}" id="img1">

<a href="javascript:void(0)" data-ng-click="selectImage('lists/1.html'); image='1a.jpg'"></a>