Hide and show on same button angular 2 在同一个按钮上隐藏和显示 angular 2

51 浏览
0 Comments

Hide and show on same button angular 2 在同一个按钮上隐藏和显示 angular 2

我正在尝试创建一个布局，在点击同一个按钮时隐藏/显示元素。我之所以在我的页面上这样做，是因为我有很多按钮，为了使页面最小化，我在右侧滑块上提供了一个选项，让用户只选择他们想要使用的功能。

例如：

在右侧滑块布局中，我有以下代码：

当有人点击按钮时，我的主页面应该隐藏或显示CAM 01按钮。

这是我的主页面代码：

通过以上代码，我能够实现点击后显示。

0

2 答案

0 Comments

问题：如何在同一个按钮上实现隐藏和显示的功能（Angular 2）？

原因：这个问题的出现是因为需要在同一个按钮上实现隐藏和显示的功能，根据给出的代码，可以看出showButton变量的值在点击按钮后会发生改变，从而实现了隐藏和显示的切换。

解决方法：根据给出的代码，可以使用ng-show指令来控制元素的显示和隐藏。代码中的ng-Click指令用于在点击按钮时改变showText和showButton的值，从而实现隐藏和显示的切换。当showButton为true时，显示按钮，当showButton为false时，隐藏按钮。同时，根据showButton的值，使用ng-show指令来控制文本的显示和隐藏。当showButton为true时，显示文本，当showButton为false时，隐藏文本。

代码：



Text

0
0 Comments

隐藏和显示在同一个按钮上的问题是由于以下原因引起的：在点击按钮时，使用了事件绑定来控制按钮的显示状态。通过设置一个布尔类型的变量cam1来控制按钮的显示与隐藏。在主页面中，使用了*ngIf指令来根据cam1的值来决定按钮是否显示。然而，由于性能原因，建议不要使用ngIf，而是绑定到[hidden]属性来控制按钮的显示与隐藏。

解决方法是使用[hidden]属性来代替ngIf指令。在按钮的标签上绑定[hidden]="cam1"属性，这样当cam1为true时，按钮会被隐藏；当cam1为false时，按钮会显示出来。

感谢回答，对我非常有帮助。我已经使用了[hidden]属性。谢谢。

需要注意的是，[hidden]属性可能不会在所有情况下直接起作用。更多信息请参考stackoverflow.com/q/30744882/873282。

0