javascript - 如果输入字段为空，则隐藏带 Angular div

Question

目前，如果 View 加载并且输入字段中没有焦点，我的代码就可以工作。使用此代码隐藏 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" 这将达到您的目的