在 Angular 中递增/递减数字

Question

我想将数字从 1 增加到 50。

我尝试使用此代码，如下所示，但功能不起作用。

在 html 我有 :

            <Button text="+" (tap)="plus()"></Button>
            <Button text="-" (tap)="minus()"></Button>

在ts中我必须运行，如下所示：

 plus() {
        var first: number = 1;
        var last: number = 50;
        let num = first + 1
        console.log("Value of num1 after increment ", first)
        if (num === last) {
            console.log('disable')
        } else {
            console.log('num plus', num)
        }
    }

    minus() {
        var first1: number = 1;
        var last1: number = 50;
        let num1 = first1 - 1
        console.log("Value of num1 after decr ", first1)
        if (num1 === last1) {
            console.log('disable')
        } else {
            console.log('num minus', num1)
        }
    }

请问如何增加/减少数字？

Answer 1

在 plus() 和 minus() 方法之外声明变量。我猜 first 和 last 数字是不可更改的。

app.component.ts:

export class AppComponent {
  name = "Angular";
  last1 = 50;
  last2 = -50;
  num1 = 0;
  num2 = 0;

  plus() {
    if (this.num1 === this.last1) {
      console.log("disable");
    } else {
      this.num1++;
      console.log("Value of num1 after increment ", this.num1);
    }
  }
  minus() {
    if (this.num2 === this.last2) {
      console.log("disable");
    } else {
      this.num2--;
      console.log("Value of num1 after decr ", this.num2);
    }
  }
}

app.component.html:

<Button (click)="plus()" class="btn">+</Button>
<Button (click)="minus()" class="btn">-</Button>

<p>Num1: {{num1}}</p>
<p>Num2: {{num2}}</p>

在 Angular 中递增/递减数字

increment / decrements number in Angular

increment

decrement

nativescript

angular