javascript - 带有清除字段按钮的 Angular JS ionic 搜索框

Question

我的应用程序正在使用 ionic 和 angular js..我正在尝试为搜索添加一个清晰的按钮，但它不起作用？..我的代码是:

HTML:

  <div class="item item-input-inset">
    <label class="item-input-wrapper">
      <input type="text" placeholder="Search" ng-model="search">
    </label>
    <button class="button ion-android-close input-button button-small"
              ng-click="clearSearch()" ng-if="search.length">
            </button>

  </div>

APP.JS

  $scope.clearSearch = function() {
   $scope.search = '';
 };

也许我需要更多，但这不起作用？

有什么帮助吗？

Answer 1

问题在于 ng-if 使用 ng-show 代替。

<div class="item item-input-inset">
    <label class="item-input-wrapper">
      <input type="text" placeholder="Search" ng-model="search">
    </label>

    <button ng-click="search = ''" class="button ion-android-close input-button button-small" ng-show="search.length">Clear
    </button>
</div>