Html 如何通过TypeScript更改标签的可见性

我有一个文本标签，它最初是隐藏的。点击一个按钮，我想让它可见，但我没能做到。如果有人能帮我，我会很高兴的

HTML代码

<label for="Validi"  class="validi" id="alert" >Invalid Credentials. Please try again</label>

单击按钮后，我想通过我的typescript文件将可见性更改为“可见”。

尝试以下操作：

example.html

<label for="Validi" *ngIf="show" class="validi" id="alert" >Invalid Credentials. Please try again</label>
<button type="button" (click)="show = !show">Click me !</button>

example.css

.validi {
  color: red;
  font-weight: bold;
}

试试这个代码

.html

---

您可以在

元素上使用

[ngClass]

而不是

可见性

使用

显示隐藏

标签的条件。您还可以使用*ngIf，因为您已经包含了angulartag@BhargavChudasama您使用的功能请参见问题

单击按钮时我想使其可见

，而不是说

在按钮上切换标签单击

public show = true;

.validi {
  color: red;
  font-weight: bold;
}

<label for="Validi" class="validi" id="alert" *ngIf="error">Invalid Credentials. Please try again</label>
<button (click)="showError()">Show Error</label> //OR
<button (click)="error=true">Show Error</label>

error: boolean = false;

showError(){
  this.error = true;
}