Значення за замовчуванням для шаблону Angularjs, якщо прив'язування нуля / невизначено (із фільтром)

У мене є прив'язка шаблону, яка відображає атрибут моделі під назвою 'date', який є датою, використовуючи фільтр дати Angular.

<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>

Як я можу використовувати двійковий оператор поряд з фільтром дати?

Виявляється, все, що мені потрібно було, - загортати ліву частину виразу в м'які дужки:

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

Я зробив такий фільтр:

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>

Про всяк випадок, якщо ви хочете спробувати щось інше. Це для мене працювало:

На основі термінального оператора, який має таку структуру:

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

Як результат:

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

Як я можу використовувати двійковий оператор поряд з фільтром дати?

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

Ви також спробуйте:

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

Мені дуже сподобалась ця відповідь, з ngBind ваш текст за замовчуванням може просто жити в тілі елемента, і тоді, якщо ngBind оцінить щось несуттєве / невизначене, ваш вміст заміняється автоматично, і все задоволено

angularjs встановлення значень за замовчуванням, які відображатимуться перед оцінкою

У своєму cshtml,

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

У вашому файлі JS, можливо, app.js,

Поза межами програми app.controller додайте наведений нижче фільтр.

Тут "mydate" - це функція, яку ви викликаєте для розбору дати. Тут "додаток" - це змінна, яка містить 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;
    };
});