离子2数字输入按钮，无增量和减量

Question

我有一个数字输入按钮，我希望它没有递增和递减，它们位于数字输入的右侧。

   <ion-list>
      <ion-item>
        <ion-icon name="star" item-left ></ion-icon>
        <ion-label item-left >Standart 723128 </ion-label>
        <ion-icon item-right class="plus-minus" name="remove-circle" color="danger"(click)="decrement()"></ion-icon>
            <input type="number" item-right ng-model="currentNumber" style="text-align: center; width: 20%;" value="{{currentNumber}}">
        <ion-icon item-right class="plus-minus" name="add-circle" color="secondary" (click)="increment()"></ion-icon>
      </ion-item>
    </ion-list>

Answer 1

如果你需要这个

使用

input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0; 
}

Answer 2

使用NgModel将currentNumber绑定到输入，然后递增或递减其值

<ion-icon item-right class="plus-minus" name="remove-circle" color="danger" (click)="currentNumber--"></ion-icon>
<input type="number" item-right [(ngModel)]="currentNumber" />
<ion-icon item-right class="plus-minus" name="add-circle" color="secondary" (click)="currentNumber++"></ion-icon>