2017-09-06 141 views
0

我创建了一个搜索栏。当用户按下字母'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 = []; 
    } 
+1

变化'如果(STR == NULL)''来,如果(!STR)' –

+0

@ AlekseyL。 非常感谢。这是最简单的答案,但它完美的作品! – Floriane

回答

2

你好你可以试试这个样子,

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

在你的问题,似乎你有一个数据阵列。 所以保持tempDataSet

this.tempDataSet = []; 然后同时过滤就可以直接赋值。

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

我认为这将有助于你