Скрыть div с angular, если поле ввода пустое

Question

Скрыть div с angular, если поле ввода пустое

0

В настоящий момент мой код работает, если просмотр загружается, и в поле ввода нет фокуса. 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">

Но моя цель состоит в том, что когда пользователь удаляет текст в поле ввода, divs снова скрываются. Как я могу это сделать? Любая помощь очень ценится!

olivier 19 апр. 2016, в 14:21

Источник

1

ng-show="searchBox.storeName"
Tushar 19 апр. 2016, в 11:31
0

Директива ng-show использующая searchBox.storeName.length ?
Rayon 19 апр. 2016, в 11:31
1

@olivier, Тушар точнее :)
Rayon 19 апр. 2016, в 11:33
1

@olivier А Район более читабелен :)
Tushar 19 апр. 2016, в 11:35

Показать ещё 2 комментария

Теги:

javascript

html

angularjs

css

3 ответа

0

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

Syam Pillai 19 апр. 2016, в 10:32

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

Kida 19 апр. 2016, в 09:39

Ещё вопросы

Директива ng-show использующая searchBox.storeName.length ?

manish · Accepted Answer · 2016-04-19T10-30-00.000Z

просто используйте ng-show="searchBox.storeName.length > 0" и это будет ng-show="searchBox.storeName.length > 0" вашей целью