title: Adding the active class to each clicked button, Angular 4
body: <p><strong>I have:</strong></p>
  
  <pre><code>&lt;button *ngFor="let button of buttons" [ngClass]="{'active': isClicked}" (click)="isClicked = !isClicked"
  </code></pre>
  
  <p><strong>Result:</strong></p>
  
  <p>10x button on screen.</p>
  
  <p>When I click on the button number 1:
  Each button will get class ".active"</p>
  
  <p><strong>But I would like:</strong></p>
  
  <p>When I click <strong>button</strong> number <strong>1</strong>: will get class <strong>".active".</strong></p>
  
  <p>When I click <strong>button</strong> number <strong>3</strong>: will get class "<strong>.active".</strong></p>
  
  <p>When I click <strong>button</strong> number <strong>6</strong>: will get class <strong>".active".</strong></p>
  
  <p><strong>Result:</strong></p>
  
  <p><strong>Button 1</strong>, <strong>Button 3</strong>, <strong>Button 6</strong> - Each this buttons will get class ".active"</p>
  
  <p>How to do that?</p>
  
  <p>PLUNKER: <a href="https://plnkr.co/edit/lX3DjN46STmo6gfBkPCc?p=preview" rel="nofollow noreferrer">https://plnkr.co/edit/lX3DjN46STmo6gfBkPCc?p=preview</a></p>