为什么此Angular 6 onclick函数无法正常工作?

时间:2018-09-02 21:42:29

标签: javascript binding angular6 buttonclick

因此,我构建了一个快速的Angular 6应用程序,以根据用户要计算的时段的开始和结束日期来帮助估算账单金额。 (例如1和5将从1日到5日返回总金额)。

无论如何,我有一个按钮在单击时运行以下功能(this.bills $是我正在使用的json数据),但是当我输入的endDay高于endDay时,它不起作用。

  estimateBills() {
    this.estimateText = 0;


    console.log('00: startDay is: ' + this.startDay + ' and, endDay is: ' + this.endDay);


    if (this.startDay < this.endDay) {
      console.log('1: startDay is: ' + this.startDay + ' and, endDay is: ' + this.endDay);
      for (var i = 0; i < this.bills$.length; i++) {
        if (this.startDay <= this.bills$[i].DueDate && this.endDay >= this.bills$[i].DueDate) {
          console.log('Bill DueDate is: ' + this.bills$[i].DueDate + ' and Amount is ' + this.bills$[i].Amount);
          this.estimateText = +this.estimateText + this.bills$[i].Amount;
        }
      }
    }
    else if (this.startDay > this.endDay) {
      console.log('2: startDay is: ' + this.startDay + ' and, endDay is: ' + this.endDay);
      for (var i = 0; i < this.bills$.length; i++) {
        console.log('looping');
        if (this.startDay <= this.bills$[i].DueDate || this.endDay >= this.bills$[i].DueDate) {
          console.log('Bill DueDate is: ' + this.bills$[i].DueDate + ' and Amount is ' + this.bills$[i].Amount);
          this.estimateText = +this.estimateText + this.bills$[i].Amount;
        }
      }
    }
    else {
      this.estimateText = 1;
    }


  }

这是运行该函数时得到的一些示例。由于某种原因,它没有意识到startDay高于endDay! idk出了什么问题

When startDay is smaller than endDay (correct output)

When endDay is smaller than startDay (incorrect output)

1 个答案:

答案 0 :(得分:1)

最可能的原因是this.startDaythis.endDay都是字符串,因此"28" < "4"比较是true(比较第一个字符'2'和'4'这种情况)。

显式转换为数字可能会有所帮助,例如Number(this.startDay) < Number(this.endDay)