Angularjs模板默認值，如果綁定空/未定義（帶過濾器）

Question

我有一個模板綁定，使用Angular的日期過濾器顯示一個名爲'date'的模型屬性，這是一個日期。

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

到目前爲止好。但是，目前，如果日期字段中沒有值，則綁定不顯示任何內容。但是，如果沒有日期，我希望它顯示字符串'各種'。

我可以使用二進制運營商處獲得的基本邏輯：

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

但是我不能讓它使用日期過濾器工作：

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

如何使用二進制操作員旁邊的日期過濾器？

Answer 1

打開了所有我需要做的是包裹式的左側軟括號：

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

Answer 2

以防萬一你想別的嘗試一些。這是爲我工作：

基於三元運算符，其具有以下結構：

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

至於結果：

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

Answer 3

我做了以下過濾器：

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

     return input; 
    } 
}); 

要這樣使用：

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

Answer 4

我真的很喜歡這個答案，跟ngBind，默認的文本可以只住在素體，然後如果ngBind評估的東西非空/未定義的內容會自動替換，而萬物幸福

angularjs setting default values to display before evaluation

Answer 5

如何在日期過濾器旁邊使用二元運算符？

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

你也試試：

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