Угловые динамические элементы управления, принимающие одну цифру за раз

Question

Поля ввода принимают только одну цифру за раз. Я также пробовал type = "text", но все та же проблема. Заранее спасибо

Вот мой код

 <div formArrayName = "product"  *ngFor="let prod of purchaseform.controls.product?.value; let i = index">      
         <ng-container [formGroupName]="i">
        <br>
        <br>

        <h3>Select product</h3>

        <div class="form-group">

        <select class="browser-default custom-select" formControlName = "product_name"  >
                <option value="" disabled >Select Product </option>
                <option *ngFor="let prod of product_list" [ngValue]="prod.product_id" > {{prod.name}} </option>
       </select>

        </div>   

        <div class="form-group">

          <label>product quantity</label>
          <input formControlName="product_quantity" type="number" class="form-control" placeholder="Enter product quantity">

      </div>


      <div class="form-group">

        <label>product Price</label>
        <input formControlName="product_Buyingprice" type="number" class="form-control" placeholder="Enter product buying price">
    </div>