title: Angular Animations: How to set transition timing dynamically?
body: <p>I'm currently implementing Animations in an application and I face the problem that the timings for animation transitiions are stored in a json config file (I can't change that). There is a service that provides the values needed but since Angular Animations are declared in the @Component block I am not able to access the service.</p>
  <pre><code>transition('start =&gt; end', [animate(ConfigService.config.delay.firstDelay)])
  </code></pre>
  <p>This results as expected in an undefined error. I saw that one can build animations using the <code>AnimationBuilder</code> but it seems doing that way only provides the opportunity to provide simple animations without specific callbacks and multiple state transitions.</p>
  <p>What would be the best approach to implement the transition timing in a dynamic way?</p>