angularjs – 如何在Ionic中创建一个带有 – 和 – 按钮的输入框

发布时间：2020-12-17 17:41:57 所属栏目：安全来源：网络整理

导读：如何创建一个带有和 – 按钮的输入框.点击哪个用户可以更改所选产品的数量,例如此屏幕：解决方法这是Ionic 2的一个快速抛出的例子.如果你使用Ionic 1,你应该能够很容易地适应它. 你只需要一些控制器/类函数来递增和递减,然后从按钮中调用那些.这个例子只包

如何创建一个带有和 – 按钮的输入框.点击哪个用户可以更改所选产品的数量,例如此屏幕：

这是Ionic 2的一个快速抛出的例子.如果你使用Ionic 1,你应该能够很容易地适应它.

你只需要一些控制器/类函数来递增和递减,然后从按钮中调用那些.这个例子只包含一个按钮,所以这样的东西包裹在ngFor或< ion-list>中.

page.ts：

private currentNumber = 0;
constructor () { }

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

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

page.html中：

<ion-icon name="remove-circle" (click)="decrement()">
{{currentNumber}}
<ion-icon name="add-circle" (click)="increment()">

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!