将ng-if添加到html中的图像
将ng-if添加到html中的图像
提问于 2018-08-12 01:59:14
因此，我在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。
回答 1
Stack Overflow用户
回答已采纳
发布于 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;页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/51802363
复制相关文章
相似问题