Valor predeterminado de la plantilla Angularjs si el enlace es nulo / indefinido (con filtro)

Tengo un enlace de plantilla que muestra un atributo de modelo llamado 'fecha' que es una fecha, usando el filtro de fecha de Angular.

<span class="gallery-date">{{gallery.date | date:'mediumDate'}}</span>

Hasta aquí todo bien. Sin embargo, por el momento, si no hay valor en el campo de fecha, el enlace no muestra nada. Sin embargo, me gustaría que muestre la cadena 'Varios' si no hay fecha.

Puedo obtener la lógica básica usando un operador binario:

<span class="gallery-date">{{gallery.date || 'Various'}}</span>

Sin embargo, no puedo hacer que funcione con el filtro de fecha:

<span class="gallery-date">{{gallery.date | date:'mediumDate' || "Various"}}</span>

¿Cómo puedo usar el operador binario junto con el filtro de fecha?

Resulta que todo lo que necesitaba hacer era envolver el lado izquierdo de la expresión entre paréntesis suaves:

<span class="gallery-date">{{(gallery.date | date:'mediumDate') || "Various"}}</span>

Hice el siguiente filtro:

angular.module('app').filter('ifEmpty', function() {
    return function(input, defaultValue) {
        if (angular.isUndefined(input) || input === null || input === '') {
            return defaultValue;
        }

        return input;
    }
});

Para ser utilizado así:

<span>{{aPrice | currency | ifEmpty:'N/A'}}</span>
<span>{{aNum | number:3 | ifEmpty:0}}</span>

Por si acaso quieres probar otra cosa. Esto es lo que funcionó para mí:

Basado en el operador ternario que tiene la siguiente estructura:

condition ? value-if-true : value-if-false

Como resultado:

{{gallery.date?(gallery.date | date:'mediumDate'):"Various" }}

¿Cómo puedo usar el operador binario junto con el filtro de fecha?

<span class="gallery-date">{{gallery.date | date:'mediumDate' || "Date Empty"}}</span>

también intentas:

<span class="gallery-date">{{ gallery.date == 'NULL' ? 'mediumDate' : "gallery.date"}}</span>

Realmente me gustó esta respuesta, con ngBind, su texto predeterminado solo puede vivir en el cuerpo del elemento, y luego, si ngBind se evalúa como algo no nulo / indefinido, su contenido se reemplaza automáticamente, y todo está contento

angularjs establece valores predeterminados para mostrar antes de la evaluación

En tu cshtml,

<tr ng-repeat="value in Results">                
 <td>{{value.FileReceivedOn | mydate | date : 'dd-MM-yyyy'}} </td>
</tr>

En su archivo JS, tal vez app.js,

Fuera de app.controller, agregue el siguiente filtro.

Aquí "mydate" es la función que está llamando para analizar la fecha. Aquí la "aplicación" es la variable que contiene el módulo angular.

app.filter("mydate", function () {
    var re = /\/Date\(([0-9]*)\)\//;
    return function (x) {
        var m = x.match(re);
        if (m) return new Date(parseInt(m[1]));
        else return null;
    };
});