title: how do I open an a single *ngIf div on *ngFor Loop
body: <p>I have build a list of cards using *ngFor</p>
  
  <pre><code>&lt;ion-card *ngFor="let item of audit"&gt;
    &lt;ion-card-header&gt;
      &lt;ion-card-title&gt;Question {{ item.questionnumber }}&lt;/ion-card-title&gt;
    &lt;/ion-card-header&gt; 
    &lt;ion-card-content&gt;
      {{ item.question }}
    &lt;/ion-card-content&gt;
  
    &lt;div class="contact-content"&gt;
        &lt;ion-button class = "success" size="small" fill="outline" &gt;&lt;ion-icon slot="icon-only"&gt;&lt;/ion-icon&gt;Compliant&lt;/ion-button&gt;
        &lt;ion-button class = "negitive" size="small" fill="outline" (click)="openSelect()"&gt;&lt;ion-icon slot="icon-only"&gt;&lt;/ion-icon&gt;Non-compliant&lt;/ion-button&gt;
    &lt;/div&gt;
  
    &lt;div *ngIf="show"&gt;
        &lt;p &gt;Show only dropdownnfo: 'one' or dropdownnfo: 'one' depending on card&lt;/p&gt;
    &lt;/div&gt;
  </code></pre>
  
  <p>what I want to do is when I select the Non-compliant button, I want to open the *ngIf="show" div for that card only and not all the cards on the list. this is the array that I use.  Basically only dropdownnfo: 'one' would be show when I selected the first card and nothing would be shown under the second card and vice-versa.</p>
  
  <pre><code>  "test": [
      { questionNumber: '1', type: 'select', question: 'What is your name. ', dropdowninfo: 'one', id: '1' },
      { questionNumber: '2',type: 'select', question: 'What is your age ?', dropdowninfo: 'Two', id: '2' }
    ]
  </code></pre>
  
  <p>This is presently what I have in my .ts file</p>
  
  <pre><code>import { Component, OnInit , ViewChild } from '@angular/core';
  import { Storage } from '@ionic/storage';
  
    @Component({
      selector: 'app-side-formlist',
      templateUrl: './side-formlist.page.html',
      styleUrls: ['./side-formlist.page.scss'],
    })
    export class SideFormlistPage implements OnInit {
      auditResults: any;
      auditListResults: any;
      audit: any[];
  
    show: boolean = false
  
    constructor( private storage: Storage ) { this.audit = []; }
  
    openSelect() {
      this.show = true;
    }
  
    getAuditForm() {
      this.storage.get('test').then((value) =&gt; {
        this.auditResults = JSON.parse(value);
        this.audit = this.auditResults.compliant;
        console.log('audit results',this.audit );
      });
    }
  
      ngOnInit() {
        this.getAuditForm();
      }
    }
  </code></pre>