隐藏在Angular中不使用Array

Question

我尝试使用数组元素使用[hidden]属性隐藏图像，但是它给出了模板解析错误。

<img id="ProfilePictureResize_{{i}}" [hidden]="!{{temporarySubCategoryImageShow[i]}}" src="{{temporarySubCategoryImageUrl[i]}}"/>

但是，当我使用[hidden]变量尝试boolean时，它可以正常工作。

<img id="ProfilePictureResize_{{i}}" [hidden]="!isPreviewImage" src="{{temporarySubCategoryImageUrl[i]}}"/>

TS文件：

public temporarySubCategoryImageShow: string[] = [];
private isPreviewImage: boolean = false;

错误屏幕截图：

Answer 1

删除"{{}}"属性

中的插值[hidden]

 [hidden]="!temporarySubCategoryImageShow[i]"

Answer 2

您必须从hidden属性中删除插值。

[hidden]="!temporarySubCategoryImageUrl[i]"