Valor padrão do modelo Angularjs se vinculando nulo / indefinido (com filtro)

Eu tenho uma ligação de modelo que exibe um atributo de modelo chamado 'date', que é uma data, usando o filtro de data do Angular.

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

Por enquanto, tudo bem. No entanto, no momento, se não houver valor no campo data, a ligação não exibirá nada. No entanto, gostaria que ele exibisse a string 'Various' se não houver data.

Eu posso obter a lógica básica usando um operador binário:

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

No entanto, não consigo trabalhar com o filtro de data:

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

Como posso usar o operador binário ao lado do filtro de data?

Acontece que tudo que eu precisava fazer era envolver o lado esquerdo da expressão entre colchetes suaves:

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

Eu fiz o seguinte filtro:

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

        return input;
    }
});

Para ser usado assim:

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

Apenas no caso de você querer tentar outra coisa. Isto é o que funcionou para mim:

Baseado no operador ternário, que possui a seguinte estrutura:

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

Como resultado:

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

Como posso usar o operador binário ao lado do filtro de data?

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

você também tenta:

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

Eu realmente gostei desta resposta, com ngBind, seu texto padrão pode apenas viver no corpo do elemento e, se o ngBind for avaliado como algo não nulo / indefinido, seu conteúdo será substituído automaticamente e tudo ficará feliz

angularjs definindo valores padrão a serem exibidos antes da avaliação

No seu cshtml,

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

No seu arquivo JS, talvez app.js,

Fora do app.controller, adicione o filtro abaixo.

Aqui, a "minha data" é a função que você está chamando para analisar a data. Aqui, o "app" é a variável que contém o angular.module

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;
    };
});