角度document.getElementById和style.display

Question

有人可以快速告诉我如何在Angular中使用以下内容吗？是否有一个等效项或者我可以按原样使用吗？

document.getElementById("overlay").style.display = "none";

Answer 1

在HTML中使用* ngIf：

<div *ngIf="yourBooleanVariable">...</div>

现在，如果在component.ts中将“ yourBooleanVariable”设置为false，则div将不会呈现。如果将该值更改为true，则会显示该div。

如果只想更改样式，请使用NgStyle。

示例：

<div [ngStyle]="{'background-color': yourVariable === 'condition' ? 'color1' : 'color2' }"></<div>

这称为三元运算符，其内容如下：

如果'yourVariable'='condition'，则将背景色设置为“ color1”，否则将背景色设置为“ color2”