title: How to add checkbox with every image in array and select only one
body: <pre><code>HTML - 
   &lt;div *ngFor=&quot;let image of result; let i=index&quot; class=&quot;upload-files&quot;&gt;
                        &lt;div class=&quot;&quot;&gt;
                          &lt;input type=&quot;checkbox&quot; id=&quot;checkbox&quot;&gt;
                        &lt;/div&gt;
                        &lt;img id=&quot;blah&quot; *ngIf=&quot;!isPdf(image.Location)&quot; [src]=&quot;image.Location&quot;
                          (click)=&quot;getURL(image.Location)&quot; /&gt;
                        &lt;span class=&quot;preview&quot; (click)=&quot;delete(i)&quot;&gt;delete&lt;/span&gt;
                      &lt;/div&gt;
  </code></pre>
  <p>I want to add checkbox with every image of this array and checkbox should be selected one at a time.
  Tried to add but all get selected together.
  SHould I use formarray here?
  P.S - I am new to angular.</p>