Modello Angularjs Valore predefinito se Binding Null/Undefined (With Filter)

Question

Ho un binding di modello che visualizza un attributo di modello chiamato 'date' che è una data, utilizzando il filtro della data di Angular.

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

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

posso ottenere la logica di base utilizzando 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 il binario operatore a fianco del filtro data?

Answer 1

Risulta tutto quello che dovevo fare era avvolgere il lato sinistro dell'espressione tra parentesi morbide:

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

Answer 2

Solo nel caso si vuole provare qualcosa di diverso. Questo è ciò che ha funzionato per me:

Sulla base ternario operatore che ha seguente struttura:

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

Come risultato:

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

Answer 3

ho fatto la 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 utilizzato in questo modo:

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

Answer 4

Mi è piaciuto molto questa risposta, con ngBind, il testo di default può solo vivere nel corpo elemento, e poi se la ngBind restituisce qualcosa non nullo/indefinito, il contenuto è sostituito automaticamente, e pare che tutto felici

angularjs setting default values to display before evaluation

Answer 5

Come è possibile utilizzare l'operatore binario accanto al filtro della data?

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

provare anche:

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