如何在angular6中编写卡片类型的开关柜条件

Question

我在angular做项目。我已经为支付类型编写了条件，我需要在angular6中编写它的开关情况条件。请帮帮忙！！我的代码在这里

myFunc(number){
 number=this.myModel.bank.value

 // visa
 var re = new RegExp("^4");
 if (number.match(re) != null){
  this.myModel.paymentType.value="Visa";
 }

 //Master Card

  var re=new RegExp("^5[1-5][0-9]{0,14}|^(222[1-9]|2[3-6]\\d{2}|27[0-1]\\d|2720)[0-9]{0,12}");
  if (number.match(re) != null){
    this.myModel.paymentType.value="Master Card";
  }

 // AMEX
 re = new RegExp("^3[47]");
 if (number.match(re) != null){
  this.myModel.paymentType.value="AMEX";
 }


 // Discover
 re = new RegExp("^(6011|622(12[6-9]|1[3-9][0-9]|[2-8][0-9]{2}|9[0-1][0-9]|92[0-5]|64[4-9])|65)");
 if (number.match(re) != null){
  this.myModel.paymentType.value="Discover";

 }

   //Switch card
    re = new RegExp("^(4903|4905|4911|4936|6333|6759)[0-9]{12}|(4903|4905|4911|4936|6333|6759)[0-9]{14}|(4903|4905|4911|4936|6333|6759)[0-9]{15}|564182[0-9]{10}|564182[0-9]{12}|564182[0-9]{13}|633110[0-9]{10}|633110[0-9]{12}|633110[0-9]{13}$");
    if (number.match(re) != null){
     this.myModel.paymentType.value="Switch Card";

    }

 return "";

    }

Answer 1

angular中的开关外壳

它可能会对你有帮助

 yrFunction(check){

      switch (check){
        case 1:

          return this.tab = 'Dako_patel';

        case 2:

          return this.tab = 'Dako_patel__1';
      }
    }

Answer 2

如果您引用的是模板，则不清楚是在components.ts文件中还是在模板文件中需要一个简单的开关案例：

<ng-container [ngSwitch]="true">
  <ng-container *ngSwitchCase="myModel.paymentType.value === 'Master Card'">

  </ng-container>
  <ng-container *ngSwitchCase="myModel.paymentType.value === 'Visa'">

  </ng-container>
  <ng-container *ngSwitchDefault>

  </ng-container>
</ng-container>