入力フィールドが空白の場合、角を含むdivを非表示にする

Question

ビューがロードされ、入力フィールドにフォーカスがない場合、私のコードは機能します。 div要素は、このコードで隠されている：

<i class="icon ion-search placeholder-icon"></i> 
     <input type="text" placeholder="Solothurn durchsuchen..." name="text" ng-model="searchBox.storeName"> 
    </label> 
    <br><br> 
    <div ng-repeat="item in posts | filter:searchBox" class="card has-header" ng-show="searchBox"> 
     <div class="w shop">{{item.storeName}}</div> 
     <p class="w"> 

しかし、私の目標は、ユーザーが入力フィールドにテキストを削除するときのdivが再び隠されていること、です。これどうやってするの？ ご迷惑をおかけして申し訳ありません。

Answer 1

がちょうど ng-show="searchBox.storeName.length > 0"を使用しようとすると、それは、サーバあなたの目的= "searchBox.storeName"

Answer 2

<div ng-repeat="item in posts | filter:searchBox" class="card has-header" ng-if="searchBox.storeName != null"> 

OR

<div ng-repeat="item in posts | filter:searchBox" class="card has-header" ng-if="searchBox.storeName"> 

Answer 3

この

<i class="icon ion-search placeholder-icon"></i> 
      <input type="text" placeholder="Solothurn durchsuchen..." name="text" ng-model="searchBox.storeName"> 
     </label> 
     <br><br> 
     <div ng-repeat="item in posts | filter:searchBox" class="card has-header" ng-show="searchBox.storeName"> 
      <div class="w shop">{{item.storeName}}</div> 
      <p class="w">