Как показать поле ввода, выбрав вариант в угловом?

Здесь у меня есть один material native select, и в этом раскрывающемся списке выберите два варианта (% и число), когда параметр% в этот раз я хочу показать скидку по полю ввода%, и когда я выбираю вариант номера, в этот раз я хочу показать скидку по полю ввода номера, как это можно ли отобразить поле ввода, выбрав опцию?

<div>
  <mat-form-field>
    <input matInput placeholder = "Enter Price" type = "number" [(ngModel)] = "newObj.newPrice" name = "newPrice">
  </mat-form-field>

  <mat-form-field>
    <select matNativeControl>
      <option value = "percentagewise">%</option>
      <option value = "numberwise">Number</option>
    </select>
  </mat-form-field>

  <mat-form-field>
    <input matInput placeholder = "Enter Discount By %" [(ngModel)] = "newObj.newDiscountByPercentage" name = "newDiscountByPercentage">
  </mat-form-field>

  <mat-form-field>
    <input matInput placeholder = "Enter Discount By Number" type = "number" [(ngModel)] = "newObj.newDiscountByNumber" name = "newDiscountByNumber">
  </mat-form-field>  
</div>