javascript - 有条件地显示警报按钮

Question

我想根据变量 number 的值有条件地显示警报内的按钮。这里的 Buttons 是一个包含各种按钮的数组。

代码基于 typescript 和 Angular 6。

.ts

// all exports are done

export class XYZ {

    number: number;

    constructor() {}


    newMethod() {
    if(number ===0 || -ve) {
     // assign the button to the matchingAlert
    }

    } 

     private Alert(): void {

        this.matchingAlert =  {
          type: AlertType.Info,
          message: 'Hi',
          buttons: [
            //display this button conditionally on some value if number is -ve or 0       
           {
            label: 'Continue',
            type: AlertButtonType.Info,
            onClick: () => {
              // do the needful          
              });
            }
          }],
        };

      }
    }

Answer 1

我认为这就是您想要做的:

// all exports are done

export class XYZ {

    number: number;

    constructor() {}

     private Alert(): void {

        const buttons = [];
        if (this.number > 3) {
          buttons.push({
            label: 'Continue',
            type: AlertButtonType.Info,
            onClick: () => {
              // do the needful          
              });
            });
        }

        this.matchingAlert =  {
          type: AlertType.Info,
          message: 'Hi',
          buttons: buttons,
        };

      }
    }

这只是一种解决方案。有多种方法可以实现这一目标，具体取决于您想要如何扩展它。

编辑:显然我已经猜到了条件应该是什么。

编辑2:

更新为从另一个函数调用

export class XYZ {

    number: number;

    constructor() {}

     private Alert(): void {        
        this.matchingAlert =  {
          type: AlertType.Info,
          message: 'Hi',
          buttons: []
        };

      }
    }

    private methodToAddButtons(): void {
        if (this.number > 3) {
          this.matchingAlert.buttons.push({
            label: 'Continue',
            type: AlertButtonType.Info,
            onClick: () => {
              // do the needful          
              });
            });
        }
    }