javascript - 使用 Material 步进器的脚本中的步骤识别错误

Question

我正在使用 Material Steppers 开发一个小型 AngularJS 应用程序。

我必须从页面的两个部分中选择项目，并返回true 仅当来自两个部分的项目属于以下类别id (categoryID) 1.

从 A 部分选择项目已经更改了变量 this.isTriggerB，只有在从 A 部分选择后才应更改:

class Controller {
  constructor($mdStepper) {

    this.isTriggerA = false;
    this.isTriggerB = false;
    this.clickedStepNumber = 0;

    getCurrentStep() {
      this.steppers = this.$mdStepper('stepper');
      const steps = this.steppers.steps;
      steps.forEach((el, index) => {
        let step = this.steppers.steps[index];
        if (step.isClicked()) {
          this.clickedStepNumber = step.stepNumber;
        }
      });
    }

    checkCategory() {
      this.getCurrentStep();
      if (this.filter.provider) {
        let categoryID = parseInt(this.filter.category.id, 10);

        console.log('Cid: ' + categoryID);

        if (categoryID !== 1) {
          this.isTestPassed = false;
        } else {
          if (parseInt(this.clickedStepNumber, 10 === 1)) {
            this.isTriggerA = true;
            console.log('Step: ' + this.clickedStepNumber);
            console.log("A1: " + this.isTriggerA);
            console.log("B1: " + this.isTriggerB);
          }

          if (parseInt(this.clickedStepNumber, 10 === 2)) {
            this.isTriggerB = true;
            console.log('Step: ' + this.clickedStepNumber);
            console.log("A2: " + this.isTriggerA);
            console.log("B2: " + this.isTriggerB);
          }

          if (this.isTriggerA === true && this.isTriggerB === true) {
            this.isTestPassed = true;
          } else {
            this.isTestPassed = false;
          }
        }
      }
    }
  }

如果脚本正在执行，它甚至不应该进入内部。它应该区别对待这两种情况(步骤)。

我做错了什么？

Answer 1

移动香蕉:

    if (categoryID !== 1) {
      this.isTestPassed = false;
    } else {
      ̶i̶f̶ ̶(̶p̶a̶r̶s̶e̶I̶n̶t̶(̶t̶h̶i̶s̶.̶c̶l̶i̶c̶k̶e̶d̶S̶t̶e̶p̶N̶u̶m̶b̶e̶r̶,̶ ̶1̶0̶ ̶=̶=̶=̶ ̶1̶)̶)̶ ̶{̶
      if (parseInt(this.clickedStepNumber, 10) === 1) {
        this.isTriggerA = true;
        console.log('Step: ' + this.clickedStepNumber);
        console.log("A1: " + this.isTriggerA);
        console.log("B1: " + this.isTriggerB);
      }

      ̶i̶f̶ ̶(̶p̶a̶r̶s̶e̶I̶n̶t̶(̶t̶h̶i̶s̶.̶c̶l̶i̶c̶k̶e̶d̶S̶t̶e̶p̶N̶u̶m̶b̶e̶r̶,̶ ̶1̶0̶ ̶=̶=̶=̶ ̶2̶)̶)̶ ̶{̶
      if (parseInt(this.clickedStepNumber, 10) === 2) {
        this.isTriggerB= true;
        console.log('Step: ' + this.clickedStepNumber);
        console.log("A2: " + this.isTriggerA);
        console.log("B2: " + this.isTriggerB);
      }