html - Angular 2 - 单击以显示和隐藏

标签 html angular

我想使用按钮来显示和隐藏 HTML 中的元素。我知道我必须在 typescript 中使用 bool 值,在 HTML 中使用 *ngIf。

在我的 typescript 中我有一个 bool 值:

showHide: false;

在我的 HTML 中我有:

<button (click) = "showHide=true" </button>

我用它来隐藏元素。我在要隐藏的元素上使用 *ngIf="showHide"来隐藏我的元素。

但是我怎样才能恢复我用同一个按钮隐藏的元素呢?

最佳答案

试试这个

<button (click)="showHide = !showHide">click</button>

关于html - Angular 2 - 单击以显示和隐藏,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43544910/

相关文章:

php - 在 PHP 中使用基本函数

migration - 从 Angular 2 迁移到 Angular 4 值得吗?

angular - 属性绑定(bind) ngForIn 未被嵌入式模板上的任何指令使用 - Ionic 2

javascript - 在 Angular2 底部滚动的 div

angular - NG2 : How can I access parent component generically?

css - 我可以更改 Angular 2 中的 scss 文件的变量吗

php - 在 PHP 中创建搜索表单

html - 使用 CSS 在预先格式化的纸张上打印发票

html - CSS calc() 为什么 100% = 父元素的宽度而不是实际元素的宽度

jQuery 突出显示选择并在选择另一个时更改