入力タイプが数字の場合、デフォルト値は設定されません

Question

私はEコマースで角度2を使用しています。

<div class="col-sm-4 col-md-3" *ngFor="let deals of deals; let i = index;"> 
<div class=" deals-blk" *ngIf="i < 4"> 
    <div class="deals-blk-details clearfix"> 
     <div class="deals-click" (click)="dealsdetails(deals.id)"> 
      <h3>{{deals.D_NAME}}</h3> 
      <p class="short-desc">For duration of 2hours and budget of 3K</p> 
      <p class="net-val">Net Value: {{settings.DEFAULT_CURRENCY_SYMBOL}} {{deals.D_SALE_PRICE}}</p> 
      <p class="prod-val">{{currencySymbol}} {{deals.D_REGULAR_PRICE}} + {{deals.TAX}}% 
       GST</p> 
     </div> 
     <div class="row clearfix" *ngIf="Show"> 
      <div class="col-sm-3 selectbox"> 
       <input type="number" value="1" [(ngModel)]="items[i]" class="form-control input-sm" style="width: 75px;"/> 
      </div> 

      <div class="col-sm-9" style="padding-left:30px;"> 
       <button class="col-sm-8" (click)="addtocart(deals,items,i)">ADD TO CART</button> 
      </div> 
     </div> 
    </div> 
</div> 

お得です。商品の一覧を表示しています。

私は、デフォルトの入力値が '1' である必要がある。この

items=[]; 

のような項目の変数を宣言しました。

しかし、うまくいきません。

私は[(ngModel)]="items[i]"を削除し、値が1

Answer 1

良いプログラミング習慣ではありません、あなたのテンプレート内{{items[i] =1}}のように値を初期化する手動でこの

1. を処理するための2つの方法がある@vasihuaniで表示する場合

2. アイテムを初期化する

   のようにデータを取得するコンポーネントクラスの配列

   this.deals = [];// fetching from server this.items =[]; for(var i=0;i<this.deals.length;i++){ this.items[i] =1; }

私はあなたの入力の値が `項目[I]`の値に、ngModelを使用して、バインドされている