число приращений / уменьшений в угловых - PullRequest
Новая
       55

число приращений / уменьшений в угловых

0 голосов
/ 07 октября 2019

Я хочу увеличить число от 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)
        }
    }

Любая идея, пожалуйста, как увеличить / уменьшить число?

1 Ответ

0 голосов
/ 07 октября 2019

Объявите ваши переменные вне методов 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>
...