Варианты выбора в зависимости от угловой формы

Question

У меня угловая форма, и я использую более трех или четырех опций выбора, и когда значение одной опции равно x, я хочу, чтобы другой вариант выбора был y.

Угловая кодовая ссылка . Здесь, в этом коде, я хочу изменить значение типа топлива на основе опции представления данных.

Сейчас я использую этот код для этого.

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"},
     ];
  }
}

Я получаю странный результат при использовании этого кода:

Мне нужно решение, если выбрано Число, добавьте значение по умолчанию Бензин и Замените все параметры, как вы можете видеть в условии.

Мой выбор работает нормально, когда мой выбор - Все, тогда я могу выбрать Число и Процент.

Но когда тип топлива - Бензин, а затем я выбираю Количество представлений данных в процентах становится пустым.

Так что мой вопрос: как мне использовать условное в этом случае? Каков наилучший способ достичь этого?