因此,我在ionic项目中的一个html页面上有两个图像,我希望在单击第一个图像时显示第二个图像。因此,我在图像中添加了一个onClick
,如下所示:
<img src="path"
alt="foo"
style="foo;
width:foo;
left:30%;top:30%"
class = "foo"
onclick="ng-model='bar'" >
第二张图片
<img src="path"
*ngIf="bar">
但它并不是这样工作的。是不是走错路了?我试着用这种方式来避免额外的javascript。
发布于 2018-08-12 08:40:46
您可以按如下方式完成此操作:
<img src="http://via.placeholder.com/350x150/222222" (click)="hiddenImage.style.display='inline'"/>
<img #hiddenImage style="display: none" src="http://via.placeholder.com/350x150/888888"/>
但是,根据您的具体用例,以不同的方式进行操作可能仍然是一个更好的主意。
如果您可能仍然需要一个变量来保存是否应在模板中显示图像的值,请使用* in:
<img src="http://via.placeholder.com/350x150/222222" (click)="showImage=true"/>
<img src="http://via.placeholder.com/350x150/888888" *ngIf="showImage"/>
在你的组件中你应该声明:
showImage: boolean = false;
https://stackoverflow.com/questions/51802363
复制相似问题