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

前端之家收集整理的这篇文章主要介绍了angularjs – 如何在Ionic中创建一个带有 – 和 – 按钮的输入框前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
如何创建一个带有和 – 按钮的输入框.点击哪个用户可以更改所选产品的数量,例如此屏幕:

解决方法

这是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()">

猜你在找的Angularjs相关文章