如果输入字段为空,则隐藏带有角度的div

时间:2016-04-19 11:30:44

标签: javascript html css angularjs

目前,如果视图加载并且输入字段中没有焦点,我的代码将起作用。使用以下代码隐藏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再次被隐藏。我怎样才能做到这一点? 任何帮助非常感谢!

3 个答案:

答案 0 :(得分:1)

只是使用 ng-show="searchBox.storeName.length > 0"并且那将“服务于您的目的”

答案 1 :(得分:0)

loginAs(admin)
changePassword('NEWpassword')

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

答案 2 :(得分:0)

试试这个

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