title: Angular 2 Animation - boolean trigger?
body: <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>