title: Highlighting selected elements in angular *ngFor
body: <p>I'm trying to highlight and keep the selected element active by applying a border class in my angular 2 application.But on selecting the child element under any year selects all its corresponding child components of other years.
  I wanted to highlight only the selected element.</p>
  
  <p>Please find the plunker link  <a href="https://plnkr.co/edit/3YVBOMjJPDOUaPw39nFZ?p=preview" rel="nofollow noreferrer">here</a></p>
  
  <p>Code used to highlight selected element:</p>
  
  <pre><code>this.setClickedRow = function(index){
           console.log(index);
              this.selectedRow = index;
          }
  </code></pre>
  
  <p>Note:On hover I'm applying class <code>item-hover</code> that is working fine for individual child elements.</p>
  
  <p>Please let me know if anyone has faced similar issue like this before..</p>