2017-09-06 105 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; 
    } 
} 

我認爲這將有助於你