我有 5 个“页面”喜欢
http://localhost:4201/app?part=1
http://localhost:4201/app?part=2
http://localhost:4201/app?part=3
....
我有 5 张图像，我想在ngIf（如果可能的话）的帮助下将每个图像与每个页面相匹配。
为此，在我的组件中有这一行，它告诉我我现在拥有哪一部分
ngOnInit() {
this.pageNumber = this.activatedRoute.snapshot.queryParams["part"];
}
我的组件中也有
myImg = '../../assets/image1.jpg';
在模板中我有
<img [src]="myImg"/>
我想要的就像逻辑一样
if pageNumber = 1 then <img [src]="myImg1"/>
if pageNumber = 2 then <img [src]="myImg2"/>
if pageNumber = 3 then <img [src]="myImg3"/>
等等...
你能告诉我如何在我的情况下写 ngIf 语句吗？我尝试了文档中的示例，但没有一个对我有用。
你不需要条件。相反，只放一张图片，并像这样设置其来源
<img [src]="myPathToImage + imageNumber + imageExt" />
在您的控制器中
myPathToImage = "../../assets/image";
imageNumber = this.activatedRoute.snapshot.queryParams["part"];
imageExt = ".jpg";
顺便说一句，如果您使用的是 angular CLI 并且没有触及文件夹结构，我认为您的路径是assets/...而不是../../assets/...
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句