在Angular 7中显示/隐藏一个div

Question

27 浏览2023年5月24日

匿名的 2023年3月18日

0 Comments

我正在尝试使用ng-model和ng-hide在angular 7中显示/隐藏div，但是它没有工作。

使用显示/隐藏- 使用 ng-model来设置表达式

div用于显示/隐藏，使用ng-hide来隐藏div

  Div Content

我尝试过ng-model和ng-hide，但仍然不起作用。请提供解决方案。

admin 更改状态以发布 2023年5月24日

0

匿名的 · Answer 1 · 2023-03-18T20:57:58+00:00

试试这个解决方案：

解决方案 1：

        Div Content

解决方案 2：

            Div Content

匿名的 · Answer 2 · 2023-03-18T20:57:58+00:00

在你的HTML中:\n


Div Content

\n在你的组件类中添加以下内容:\n

isShown: boolean = false ; // hidden by default
toggleShow() {
this.isShown = ! this.isShown;
}