title: Angular translate filter in ternary operator
body: <p>I'm trying to translate my project into another language. I used angular translate library and provided an external JSON file with the translations. It looks like this:</p>
  
  <pre><code>{
    "hello_world": "Hola Mundo"
  }
  </code></pre>
  
  <p>When I'm using it with simple hardcoded strings it works just fine and I get my correct translations:</p>
  
  <pre><code>&lt;p&gt;{{ "hello_world" | translate }}&lt;/p&gt;
  </code></pre>
  
  <p>But how to deal with the ternary operator in code like this?</p>
  
  <pre><code>&lt;button&gt; {{ conditionValue ? 'Show' : 'Hide' }} &lt;/button&gt;
  </code></pre>
  
  <p>How to change those 'Show' and 'Hide' values into a translation filter with Angular Translate? I tried different ways but I got an invalid syntax errors.
  Thanks!</p>