title: Change card content style on clicking button on card
body: <p>In my component , i have generated mat-card(which is another component) through *ngFor. There is one button on card on clicking is should style same card elements(which i am able to do.) But if I click the another card button, it should style that one and revert back styles of the previous card to the original style.(Facing issue in this part).
  Below is the sample code</p>
  
  <p>Parent component html</p>
  
  <pre><code>&lt;div class="ui-lg-3 ui-md-6 ui-g-12" *ngFor="let Obj of fruitList;let i=index;"&gt;
      &lt;card-view-mini  [fruit]="Obj" (selectedFruit)="selectedFruit($event)"&gt;&lt;/card-view-mini&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>child component html<code>"&lt;div&gt;&lt;mat-card&gt;
     &lt;span [ngClass]="{'selectedFruit':enableStyle}"&gt;{{fruit}}&lt;/span&gt;
     &lt;button (click)="changeStyle()"&gt;
  &lt;/mat-card&gt;&lt;/div&gt;"</code></p>
  
  <p>changeStyle() <code>changeStyle(){
  this.enableStyle=true;
  }</code></p>