title: Angular: How to temporarily highlight dom elements that have just changed?
body: <p>Before implementing a solution on my own I would like to know if there is a simple manner to change the style of an element (a brief highlight) when the data bound property value has just change.</p>
  
  <p>There are lot of elements in my DOM so I do not not want to store and maintain a dedicated property in component.</p>
  
  <p>My elements to highlight are traditional input form's elements:</p>
  
  <pre><code>    &lt;tr field label="Lieu dépôt"&gt;
          &lt;select class="cellinput" #lieuDepotBon [(ngModel)]="rapport.LieuDepotBon" (ngModelChange)="changeRapport({LieuDepotBon:$event})"&gt;
              &lt;option [ngValue]="null"&gt;&lt;/option&gt;
              &lt;option [ngValue]="i" *ngFor="let depotBonChoice of DepotBonInterventionValues; let i = index"&gt;{{DepotBonIntervention[i]}}&lt;/option&gt;
          &lt;/select&gt;
      &lt;/tr&gt;
      &lt;tr field *ngIf="rapport.LieuDepotBon==DepotBonIntervention.Autre" label="Autre lieu"&gt;
          &lt;input class="cellinput" #autreLieuDepotBon [(ngModel)]="rapport.AutreLieuDepotBon" (ngModelChange)="changeRapport({AutreLieuDepotBon:autreLieuDepotBon.value})" /&gt;
      &lt;/tr&gt;
  </code></pre>
  
  <p>I heard about special class styles set by Angular2 on element with ngModel directive that could help do what I need but I could not find more about it.</p>