javascript - 如何将图像源传递给函数中的变量，然后显示给图像标签

Question

我有一个包含三个图像的图像库，我为这三个图像创建了一个缩略图，如果我单击缩略图，我希望它显示在我的主图像标签上。

这是我的主图像标签:

<img style="width: 100%;" ng-model="" id="viewpic" name="viewpic" src="something.jpg" >

这是我的缩略图:

<img style="width: 28%;" src="images/terminus_63_img3.jpg" onClick="functionshow();">
<img style="width: 28%;" src="images/terminus_63_img3.jpg" onClick="functionshow();">
<img style="width: 28%;" src="images/terminus_63_img3.jpg" onClick="functionshow();">

Answer 1

<img style="width: 100%;" id="viewpic" name="viewpic" ng-src="viewpic" >

<img style="width: 28%;" src="images/terminus_63_img3.jpg" ng-click="functionshow('images/terminus_63_img3.jpg');">
<img style="width: 28%;" src="images/terminus_63_img3.jpg" ng-click="functionshow('images/terminus_63_img3.jpg');">
<img style="width: 28%;" src="images/terminus_63_img3.jpg" ng-click="functionshow('images/terminus_63_img3.jpg');">

在你的 Controller 中

$scope.functionshow = function (src) {
$scope.viewpic = src;
};