如果输入字段为空，则隐藏带有角度的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"即可达到目的

Answer 2

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

要么

<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">