title: animejs in angular is not animating
body: <p>I am trying to use animejs in Angular4 project.
  I have been looking for some hint and clue online how to proceed with this, but there is barely nothing anywhere.</p>
  
  <p>So I am trying to move box along x coordinates... </p>
  
  <p>animejs-logo.component.ts file:</p>
  
  <pre><code>import { Component, OnInit } from '@angular/core';
  import anime from 'animejs';
  
  @Component({
    selector: 'app-animejs-logo',
    templateUrl: './animejs-logo.component.html',
    styleUrls: ['./animejs-logo.component.scss']
  })
  export class AnimejsLogoComponent {
    animation = anime({
      targets: ['.box'],
      translateX: [
        { value: 500, duration: 1000 },
        { value: 0, duration: 1000 }
      ],
      duration: 2000,
      loop: true
    });
  
    animate() {
      console.log('play');
      this.animation.play();
    }
  }
  </code></pre>
  
  <p>animejs-logo.component.scss:</p>
  
  <pre><code>.box {
      position: relative;
      width: 50px;
      height: 50px;
      margin: 4px;
  }
  .red { background-color: #f00; }
  .green { background-color: #0f0; }
  .blue { background-color: #00f; }
  </code></pre>
  
  <p>animejs-logo.component.html:</p>
  
  <pre><code>&lt;div class="container"&gt;
      &lt;button (click)="animate()"&gt;Play&lt;/button&gt;
      &lt;div class="box red"&gt;&lt;/div&gt;
      &lt;div class="box green"&gt;&lt;/div&gt;
      &lt;div class="box blue"&gt;&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>As you can see, there is nothing special or incredible. First try with the animejs... 
  Can please someone explain me what I am doing wrong? Why it doesn't fire up? 
  I am not having any errors in console, project's compiling.</p>