Question

我的应用程序正在使用离子和角度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>

Answer 2

要使用输入上的按钮，请将标签交换为span或div，即 ng-clicks在此之后可以正常工作。

Angular JS离子搜索框带有清除字段按钮

2 个答案: