title: Conditional data binding in Angular with piped (translate) variables
body: <p>Hey stackoverflow / Angular Community!</p>
  <p>I have a little question about data-binding on components.
  The <code>[value]</code> on my component can have two different strings/labels as value. Since the app knows more languages I am using the translate-pipe for this.
  The code-excerpt is probably very self-explanatory.</p>
  <pre><code>&lt;my-component [value]=&quot;bool1 ? {{'GLOBAL.YES' | translate }} : {{'GLOBAL.NO' | translate }}&quot;&gt;&lt;/my-component&gt;
  </code></pre>
  <p>Leads to:
  <strong>Uncaught Error: Template parse errors:
  Parser Error: Got interpolation ({{}}) where expression was expected</strong></p>
  <p>It feels like there is a syntax thing, I am missing out on. Tried a lot of different combinations. When I try <code>value</code> without the brackets I end up having the whole string starting with 'bool1 ? ...' as value (what definetly makes sense).</p>
  <p>Maybe someone knows how to fix this?</p>
  <p>Thank you all in advance.</p>