如何在 Ionic 中创建具有 + 和 - 按钮的输入框

2024-04-27

如何创建一个带有 + 和 - 按钮的输入框。单击哪个用户可以更改所选产品的数量,如下屏幕:


这是 Ionic 2 的一个快速组合的示例。如果您使用 Ionic 1,您应该能够很容易地适应它。

您只需要几个控制器/类函数来递增和递减,然后通过按钮调用它们。这个例子只涉及一个按钮,所以像这样的东西包裹在ngFor or a <ion-list>

page.ts:

private currentNumber = 0;
constructor () { }

private increment () {
  this.currentNumber++;
}

private decrement () {
  this.currentNumber--;
}

页面.html:

<ion-icon name="remove-circle" (click)="decrement()">
{{currentNumber}}
<ion-icon name="add-circle" (click)="increment()">
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

如何在 Ionic 中创建具有 + 和 - 按钮的输入框 的相关文章

随机推荐