取决于角度形式的选择选项

时间:2018-08-31 06:56:56

标签: angular forms select

我有一个角形,并且我使用了三个或四个以上的选择选项,并且当一个选项的值为x时,我希望另一个选择选项为y。

Angular code link。在此代码中,我想基于数据表示选项更改燃料类型的值。

现在我正在使用此代码来做到这一点。

change(view){
  if(view == "Number"){
    this.data.Fuel_Type = "All";
    this.data.rain_fall_type = view;

    this.Fuel_Type = [ 
      {key:"All",value:"All"},
      {key:"Petrol",value:"Petrol"},
      {key:"Diesel",value:"Diesel"},
      {key:"LPG",value:"LPG"},
     ];
  }
  else{
    this.data.Fuel_Type = "All";
    this.data.rain_fall_type = view;
    this.Fuel_Type = [
       {key:"All",value:"All"},
       {key:"Percentage Share of Petrol",value:"Percentage_Share_of_Petrol"},
       {key:"Percentage Share of Diesel",value:"Percentage_Share_of_Diesel"},
       {key:"Percentage Share of LPG",value:"Percentage_Share_of_LPG"},
     ];
  }
}

使用此代码时,我得到奇怪的结果:

如果要选择Number,我想要一个解决方案,添加一个默认值Petrol并替换所有选项,如您在条件中看到的那样。

当我的选择为全部时,我的选择效果很好,然后我可以选择数字和百分比。

但是当燃料类型为“汽油”时,我选择“百分比数据表示形式”为空。

所以我的问题是在这种情况下应如何使用条件式。实现此目标的最佳方法是什么?

0 个答案:

没有答案