title: Angular 7 attach only one class conditionally among fixed classes
body: <p>My question might be a basic stuff in Angular.</p>
  
  <p>So I have this icon : </p>
  
  <pre><code> &lt;i class="fab fa-linkedin-in fa-lg"
    (mouseenter)="animateLinkedin()"
    (mouseleave)="deanimateLinkedin()"&gt;
  &lt;/i&gt;
  </code></pre>
  
  <p>I need to add a class to it when hovering it, so I did this : </p>
  
  <pre><code>export class SidenavComponent implements OnInit {
  
      constructor() {
      }
  
      // Set to true on hover element
      linkedInHover = false;
  
      ngOnInit() {
      }
  
      animateLinkedin() {
          this.linkedInHover = true;
      }
  
      deanimateLinkedin() {
          this.linkedInHover = false;
      }
  }
  </code></pre>
  
  <p>I need to activate the class if linkedInHover is set to true, <strong>while keeping the current classes without any condition</strong>.</p>
  
  <p>How can I manage doing this since seemingly I can't do this with [ngClass] ?</p>
  
  <p><strong>[EDIT]</strong> I know when to use the normal CSS <strong>:hover</strong>, as I say, that's really not my need there because I use a third party css library, so I didn't write the class I want to attach.</p>