title: Angularjs Template Default Value if Binding Null / Undefined (With Filter)
body: <p>I have a template binding that displays a model attribute called 'date' which is a date, using Angular's date filter.</p>
  
  <pre><code>&lt;span class="gallery-date"&gt;{{gallery.date | date:'mediumDate'}}&lt;/span&gt;
  </code></pre>
  
  <p>So far so good. However at the moment, if there is no value in the date field, the binding displays nothing. However, I would like it to display the string 'Various' if there is no date.</p>
  
  <p>I can get the basic logic using a binary operator:</p>
  
  <pre><code>&lt;span class="gallery-date"&gt;{{gallery.date || 'Various'}}&lt;/span&gt;
  </code></pre>
  
  <p>However I can't get it to work with the date filter:</p>
  
  <pre><code>&lt;span class="gallery-date"&gt;{{gallery.date | date:'mediumDate' || "Various"}}&lt;/span&gt;
  </code></pre>
  
  <p><strong>How can I use the binary operator alongside the date filter?</strong></p>