title: how to set ngmodel inside ngfor
body: <pre><code>&lt;div class=&quot;carousel-cell lw-pr-30&quot; style=&quot;width: 220px;&quot;  *ngFor=&quot;let item of product?.products; let i = index&quot;&gt;
  &lt;div class=&quot;lw-w-auto lw-h-80p&quot;&gt;
  &lt;div class=&quot;lw-ff-Ubuntu lw-fs-18&quot;&gt; $ {{item.price}}&lt;/div&gt;
  &lt;div class=&quot;lw-fs-12 lw-ff-Ubuntu&quot;&gt;{{item.name}}&lt;/div&gt;
  &lt;div class=&quot;lw-fs-12 lw-ff-Ubuntu&quot;&gt;1 Lbs&lt;/div&gt;
        &lt;/div&gt;
  
  &lt;mat-icon class=&quot;lw-ta-e &quot; style=&quot;float: right;height: 40px;&quot; *ngIf=&quot;!item.cart&quot; (click)=&quot;addCart(names,item)&quot; svgIcon=&quot;cartround&quot;&gt;&lt;/mat-icon&gt;
   &lt;div class=&quot;lw-ta-e lw-d-flex lw-align-center&quot; style=&quot;float: right;height: 40px;&quot; *ngIf=&quot;item.cart&quot;&gt;
   &lt;mat-icon (click)=&quot;removeCounter(names,item)&quot; svgIcon=&quot;minus&quot;  class=&quot;lw-cursor-p&quot;&gt;&lt;/mat-icon&gt;
   &lt;input type=&quot;text&quot; class=&quot;count&quot; [ngModelOptions]=&quot;{standalone: true}&quot;  [(ngModel)]=&quot;names&quot; name = 'names' min=&quot;1&quot; maxlength=&quot;2&quot; max=&quot;20&quot;  disabled/&gt;
                &lt;!-- ngModel #names=&quot;ngModel&quot;   --&gt;
    &lt;mat-icon  (click)=&quot;addCounter(names,item)&quot; svgIcon=&quot;plus&quot;  class=&quot;lw-cursor-p&quot;&gt;&lt;/mat-icon&gt;
     &lt;/div&gt;
     &lt;/div&gt;
     &lt;/div&gt;
  </code></pre>
  <p><a href="https://i.stack.imgur.com/xKWv4.png" rel="nofollow noreferrer">sample image</a></p>
  <p>when i click on plus button all the input changes at a time.how to change the clicked button's input</p>