如何将图像源传递给函数中的变量，然后将其显示为图像标记

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');">

控制器中的

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