Angular 2 Animation - boolean trigger?
<p>I'm trying to trigger a transition bound to a boolean property, but this doesn't seem to fire.</p>

<p>Here is a cut down version of my animation trigger</p>

<pre><code>trigger(
  'trueFalseAnimation', [
    transition('* =&gt; true', [
      style({backgroundColor: '#00f7ad'}),
      animate('2500ms', style({backgroundColor: '#fff'}))
    ]),
    transition('* =&gt; false', [
      style({backgroundColor: '#ff0000'}),
      animate('2500ms', style({backgroundColor: '#fff'}))
    ])
  ]
)
</code></pre>

<p>HTML:</p>

<pre><code>&lt;div [@trueFalseAnimation]="model.someProperty"&gt;Content here&lt;/div&gt;
</code></pre>

<p>To test:</p>

<pre><code>ngOnInit() {

    setTimeout(() =&gt; {
        this.model.someProperty = true;
        setTimeOut(() =&gt; {
            this.model.someProperty = false;
        }, 5000);    
    }, 1000)
}
</code></pre>

<p>The trigger never happens when the <code>someProperty</code> changes.</p>

<p>As a quick test I changed the trigger to use a string and it works</p>

<pre><code>trigger(
      'trueFalseAnimation', [
        transition('* =&gt; Success', [
          style({backgroundColor: '#00f7ad'}),
          animate('2500ms', style({backgroundColor: '#fff'}))
        ]),
        transition('* =&gt; Failed', [
          style({backgroundColor: '#ff0000'}),
          animate('2500ms', style({backgroundColor: '#fff'}))
        ])
      ]
    )
</code></pre>

<p>To test:</p>

<pre><code>ngOnInit() {

    setTimeout(() =&gt; {
        this.model.someProperty = "Success";
        setTimeOut(() =&gt; {
            this.model.someProperty = "Failed";
        }, 5000);    
    }, 1000)
}
</code></pre>

<p>The second example works just fine</p>

<p>My questions are</p>

<ol>
<li>Are boolean supported as triggers? </li>
<li>If yes to #1 what am I
doing wrong?</li>
</ol>