Question

你可以看到我每次输入内容时，右边会出现一个取消按钮（x）和输入增量的高度，这就是我想要避免的。

<ion-header-bar class="bar-positive bar-subheader">
  <label class="item-input-wrapper">
    <i class="icon ion-search placeholder-icon"></i>
    <input type="text"
           placeholder="Sports finder...">
    <button class="button button-clear"
            ng-click="query = ''">
      <div ng-show="query">
        <i class="ion-close-circled assertive animated flipInY"></i>
      </div>
    </button>
  </label>
</ion-header-bar>

并且我使用的代码完全相同

Answer 1

要自动回答我的问题因为我刚刚做了，以防万一其他人需要它。

我所做的一切：删除label并将div改为classes，并删除button。

<ion-header-bar class="bar-positive bar-subheader">
  <div class="item-input-wrapper">
    <i class="icon ion-search placeholder-icon"></i>
    <input type="text"
           placeholder="Sports finder...">
      <div ng-show="query" ng-click="query = ''">
        <i class="ion-close-circled assertive animated flipInY"></i>
      </div>
  </div>
</ion-header-bar>

每次在输入上输入内容时，如何避免这种行为？

1 个答案: