How to evaluate and change the value of AngularJS expression in html file

Question

In the following code snippet, status is returning 0 or 1, but I would like to evaluate and display the word "New" whenever status is returning 0 and "Old" whenever log.status is returning 1. How could I evaluate and change the value on client side?

     <table class="table table-striped table-hover table-bordered table-condensed">
        <thead>
            <tr>
                <th>Date</th>
                <th>Status</th> 
        </thead>
        <tr class="info" ng-repeat="log in vm.data>
            <td>{{log.Date | date}}</td>
            <td>{{log.Status}}</td>
        </tr>
     </table>

Sergey Romanov · Accepted Answer · 2014-09-25 00:35:25Z

2

The out of the box solution is

{{ log.Status == 0 ? 'New' : 'Old'}}

Another way to do it is to create a small filter.

.filter('condition', function () {
    return function(input, trueValue, falseValue) {
        return input ? trueValue : falseValue;
    };
})

And then in your code

{{ log.Status | condition: 'Old' : 'New' }}

answered Sep 25, 2014 at 0:35

Sergey Romanov

3,0905 gold badges27 silver badges39 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How to evaluate and change the value of AngularJS expression in html file

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related