Mẫu Angularjs Giá trị mặc định nếu Ràng buộc Null/Không xác định (Có bộ lọc)

Question

Tôi có một mẫu liên kết hiển thị thuộc tính mô hình được gọi là 'ngày', là ngày tháng, sử dụng bộ lọc ngày của Angular.

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

Cho đến nay rất tốt. Tuy nhiên tại thời điểm này, nếu không có giá trị trong trường ngày, thì ràng buộc sẽ không hiển thị gì cả. Tuy nhiên, tôi muốn nó hiển thị chuỗi 'Khác nhau' nếu không có ngày tháng.

tôi có thể nhận được logic cơ bản sử dụng một nhà điều hành nhị phân:

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

Tuy nhiên tôi không thể có được nó để làm việc với các bộ lọc date:

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

Làm thế nào tôi có thể sử dụng hệ nhị phân toán tử cùng với bộ lọc ngày?

Answer 1

Hóa ra tất cả những gì cần làm là quấn bên trái của biểu thức trong ngoặc mềm:

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

Answer 2

Chỉ trong trường hợp bạn muốn thử một cái gì đó khác. Đây là những gì làm việc cho tôi:

Dựa trên ternary điều hành mà đã sau cấu trúc:

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

Kết quả:

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

Answer 3

tôi đã thực hiện bộ lọc sau:

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

     return input; 
    } 
}); 

Để được sử dụng như thế này:

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

Answer 4

Tôi thực sự thích câu trả lời này, với ngBind, văn bản mặc định của bạn chỉ có thể sống trong cơ thể yếu tố, và sau đó nếu ngBind đánh giá một cái gì đó không null/không xác định, nội dung của bạn được thay thế tự động, và Everythings hạnh phúc

angularjs setting default values to display before evaluation

Answer 5

Làm thế nào tôi có thể sử dụng toán tử nhị phân cùng với các bộ lọc ngày?

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

bạn cũng thử:

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