Valore predefinito del modello Angularjs se l'associazione è nulla / non definita (con filtro)

Ho un modello di associazione che visualizza un attributo modello chiamato 'data' che è una data, usando il filtro data di Angular.

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

Fin qui tutto bene. Tuttavia, al momento, se non è presente alcun valore nel campo della data, l'associazione non mostra nulla. Tuttavia, vorrei che visualizzasse la stringa "Varie" se non c'è una data.

Posso ottenere la logica di base usando un operatore binario:

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

Tuttavia non riesco a farlo funzionare con il filtro data:

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

Come posso usare l'operatore binario insieme al filtro data?

Risulta che tutto ciò che dovevo fare era avvolgere il lato sinistro dell'espressione tra parentesi quadre:

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

Ho creato il seguente filtro:

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

        return input;
    }
});

Per essere usato in questo modo:

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

Nel caso tu voglia provare qualcos'altro. Questo è ciò che ha funzionato per me:

Basato sull'operatore ternario che ha la seguente struttura:

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

Come risultato:

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

Come posso usare l'operatore binario insieme al filtro data?

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

provi anche:

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

Mi è davvero piaciuta questa risposta, con ngBind, il tuo testo predefinito può semplicemente vivere nel corpo dell'elemento, e quindi se ngBind restituisce qualcosa di non nullo / indefinito, il tuo contenuto viene sostituito automaticamente e tutto è felice

angularjs imposta i valori predefiniti da visualizzare prima della valutazione

Nel tuo cshtml,

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

Nel tuo file JS, forse app.js,

Al di fuori di app.controller, aggiungi il filtro in basso.

Qui "mydate" è la funzione che stai chiamando per analizzare la data. Qui "app" è la variabile che contiene 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;
    };
});