空のテキスト入力ボックスの値は何ですか？

Question

私は検索ボックスを実装しようとしています。次は何が起こっている何のコード（HTMLとJSの両方）

HTML

<form> 
    <input type="text" ng-model="searchVar" class="searchbox"> 
    <input type="button" value="Search" ng-click="Search()" class="button"> 
</form> 

JS

var Search = function() { 

/* code to implement the table content loading part */  
//The following is what I have to filter out the table contents based on input in the text field 

    if (($scope.searchVar) && (tableContent[i].indexOf($scope.searchVar) !== -1)) { 
      ItemsToDisplay.push(tableContent[i]) 
    } 
    //Call function to load table 
} 

である私は、入力されたテキストの中にいくつかの文字列を入力すると、ということです検索アルゴリズムは正常に機能し、関連する項目だけが表示されます。ただし、検索ボックスの内容をクリアして[検索]ボタンをクリックすると、テーブルに何も表示されません。つまり、テキストフィールドがクリアされ、検索ボタンでクリックされると、ItemsToDisplayが空で、if条件が失敗したようになります。

これがなぜこのように説明できますか？そして私はこれをどのように解決することができますか？あなたが入力をクリアした場合

Answer 1

あなたのindexOf（$ searchVar）する前に、searchVarは= '' であることを確認する必要があります！。そうしないと、後でアイテムが表示されません。提案は、Javascriptを枝

Answer 2

、$ scope.searchVarの値は未定義たwillbeとあなたの状態

if (($scope.searchVar) && (tableContent[i].indexOf($scope.searchVar) !== -1))   {...} 

はfalseになりますので、あなたはItemsToDisplayと何もアペンドにプッシュしていませんでした。

私はあなたが他の文を書くことをお勧め：

if (($scope.searchVar) && (tableContent[i].indexOf($scope.searchVar) !== -1))   {...} 
else { 
    ItemsToDisplay.push(tableContent[i]); 
} 

Answer 3

場合、それはUは、と

if (($scope.searchVar) != undefined) 

または

if (typeof ($scope.searchVar) != 'undefined') 

Answer 4

を試すことができますに来るときあなたに大いに役立つでしょう本当に素晴らしいにconsole.log機能を持っていますINPUTボックスに何も入力しなければ、その値はUNDEFINEDになります。 入力が未定義の場合 if（）条件をチェックインする必要があります。入力がある場合はの値を入力してロジックを書き込みます。

<form> 
     <input type="text" ng-model="searchVar" class="searchbox"> 
     <input type="button" value="Search" ng-click="Search()" class="button"> 
    </form> 

    var Search = function() 
    { 
     if ($scope.searchVar == undefined){ 
      //Do something, input box is undefined 
     } 
     if (($scope.searchVar) && (tableContent[i].indexOf($scope.searchVar) !== -1)) { 
          ItemsToDisplay.push(tableContent[i]); 
     } 
    }