There is a long code in the Angular2 HTML template. 
How refactor this code in **< tr>** in a shorter version. Or move it to the @Directive.?

*activeContact* - it defined variable in @Component class, to have access to the selected row from the code?

*class **.active** from bootstrap3*

```
<tr 
  *ngFor="let contact of clientsData.contacts"
  [class.active] = "activeContact && contact.contactId == activeContact.contactId"
  (click)="activeContact = contact" class ="gm-pointer"
>
   <td>{{contact.name}}</td>
   <td>{{contact.surname}}</td>
</tr>

```

Changed:
Renamed < td> to < tr>