Javascript 如何限制角度2计数器中的值

我正在关注这一点。这里的递增和递减按钮可用于设置任何数字。我可以多次单击减号按钮来设置负数。我如何才能将此限制为仅几个数字？例如仅0到5。我的意思是数字不应该低于0而高于5

export class CustomCounterComponent {

  counterValue = 0;
  @Output() counterChange = new EventEmitter();

  @Input()
  get counter() {
    return this.counterValue;
  }

  set counter(val) {
    this.counterValue = val;
    this.counterChange.emit(this.counterValue);
  }

  decrement() {
    this.counter--;
  }

  increment() {
    this.counter++;
  }
}

---

只要使用简单的

if

条件即可

减量（）{
如果（this.counter>0）
这个柜台；
}
增量（）{
if（this.counter
减量（）{
如果（this.counter>0）
这个柜台；
}
增量（）{
如果（此计数器<5）
这个.counter++；
}
您可以通过组件的打字脚本或组件模板来完成此操作

Typescript

increment(){
if(this.counter < 5){
       this.counter++;
    }
}

decrement(){
    if(this.counter > 0){
       this.counter--;
    }
}

increment（）{
如果（此计数器<5）{
这个.counter++；
}
}
减量{
如果（this.counter>0）{
这个柜台；
}
}

组件


支票叉

-
{{counter}}
+
你所说的限制是什么意思，你必须在这里加上“如果”和“否则”来限制你击败我的原因是：D@Swoox两个答案同时给出，我没有抄
decrement() {
    if(this.counter > 0)
        this.counter--;
}

increment() {
    if(this.counter < 5)
        this.counter++;
}

increment(){
if(this.counter < 5){
       this.counter++;
    }
}

decrement(){
    if(this.counter > 0){
       this.counter--;
    }
}

<button [disabled]="counter == 0" (click)="decrement()">-</button>
<span>{{counter}}</span>
<button [disabled]="counter == 5" (click)="increment()">+</button>