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

Tôi có một ràng buộc mẫu hiển thị một thuộc tính mô hình gọi là 'ngày' là ngày, sử dụng bộ lọc ngày của Angular.

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

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

Tôi có thể có được logic cơ bản bằng cách sử dụng toán tử nhị phân:

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

Tuy nhiên tôi không thể làm cho nó hoạt động với bộ lọc ngày:

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

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

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

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

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>

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 Toán tử Ternary có cấu trúc sau:

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

Kết quả là:

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

Làm cách nào tôi có thể sử dụng toán tử nhị phân cùng với 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>

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 phần tử phần tử và sau đó nếu ngBind ước tính thành một cái gì đó không null / không xác định, nội dung của bạn sẽ được thay thế tự động và mọi thứ đều vui vẻ

angularjs thiết lập giá trị mặc định để hiển thị trước khi đánh giá

Trong cshtml của bạn,

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

Trong tệp JS của bạn, có thể app.js,

Bên ngoài app.controll, thêm bộ lọc bên dưới.

Ở đây "mydate" là chức năng mà bạn đang gọi để phân tích ngày. Ở đây "ứng dụng" là biến chứa 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;
    };
});