删除数据并更改按钮单击Angular 8上的标志

问题描述

我有一个按钮，其点击被调用get API。我有一个条件，

if (res) {
this.array = res;
this.flag = true;
}

即如果我有回应，它将存储到数组中。在HTML中，我给出了以下条件：

*ngIf = this.flag
// show data here

现在，当用户第一次单击按钮时，我得到响应，并显示ngIf块。假设用户再次单击该按钮，当前它将再次调用该API，并在已存在的响应下方再次显示响应。而且它还在不断重复。我想设置flag = false并删除屏幕上正在查看的响应，然后再次进行API调用以显示获取数据，设置标志= true。实现它的方法是什么？

解决方法

单击按钮时，只需清空数组并将标志设置为false。 如果您获得水库资源，则不会显示。

您也不需要标志，数组长度的条件应该可以解决问题。

,

您可以尝试以下操作： 当用户再次单击按钮时，将标志设置为 false ，并清除 数组。 通过API获取响应后，请再次填充数组并将标志设置为true。