Question

我有一个自定义元素，我只想在单击按钮时显示。然后，当我点击那个按钮时，我想做一些像......：

<my-element [hidden]="switchHidden()"></my-element>

...所以，如果它是假的，它现在将是真的，反之亦然。一种非常典型的方法。

但我不知道如何将“hidden”属性的值传递给我的函数“switchHidden（）”。我怎么能这样做，所以我可以检查它是真还是假？

谢谢！

Answer 1

只需在组件中有一个变量，当你想要显示和隐藏它时，它就是一个布尔值。

let showElement: Boolean = true;

然后当你想用一个按钮打开/关闭它时，点击它。

<button (click)="showElement = !showElement">Toggle</button>

每次用户点击按钮时，

都会翻转showElement的值。因此，如果showElement为真，则当用户点击该按钮时，它会使showElement为false，从而隐藏您的元素。反之亦然，当showElement为假时，用户点击按钮使其成为真，从而显示您的元素。

Answer 2

不要使用隐藏属性，请使用：

<my-element *ngIf="switchHidden"></my-element>