检测输入的空白​​字段

Question

我创建一个搜索栏。 当用户按下字母“ A”时，我要显示其名字以字母“ A”开头的用户。 这可行，但是我的问题是搜索栏为空。 当它为空时，我的程序将显示所有用户，并且我希望它不显示任何用户。

这是我的程序，用于获取用户输入的值：

searchUser(): void {
  let str;
  let element = document.getElementById('chat-window-input');

  if(element !== null) {
    str = (element as HTMLInputElement).value;
  }
  else {
    str = null;
  }
}

您知道如何检测空字段吗？ 我对此进行了测试，但没有任何改变：

if(str == null) {
    this.searchArrayThreads = [];
  }

Answer 1

嗨，您可以尝试这样，

 if(str == null || (!str) || str=='') {
  this.searchArrayThreads = [];
}

Answer 2

在您的问题中，您似乎拥有一组数据。 所以保持一个tempDataSet

this.tempDataSet = []; 然后在过滤时您可以直接分配值。

this.str = '';
searchUser(): void {
  let element = document.querySelector('#chat-window-input');
  if(element && element.value) {
    return this.str = element.value;
  }
}

我想这对你有帮助