AngularJS conditional to display value inside ng-repeat loop

Question

I have an AngularJS express to display either a date or "NO" based on another property within the ng-repeat loop.

If requirement.MyStatus == "Y" then I want to display requirement.MyDate else if requirement.MyStatus == "N", display "NO"

<tr ng-repeat="requirement in listItems" ng-class="requirement | rowFilter">
                                <td ng-bind="requirement.MyStatus"></td>

                                <td ng-bind="requirement.MyDate | date:'shortDate'"></td> 

                            </tr>

I tried the following expression but it did not work

{{requirement.metStatus == "N" | iif : "requirement.MyDate | date:'shortDate'" : "NO" }}

Any help is appreciated.

Thanks.

karaxuna · Accepted Answer · 2016-02-15 20:10:04Z

1

Try this way:

{{requirement.metStatus == "N" ? (requirement.MyDate | date:'shortDate') : "NO" }}

answered Feb 15, 2016 at 20:10

karaxuna

26.9k13 gold badges86 silver badges120 bronze badges

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

1 Comment

Bikas Over a year ago

Role is reversed i think == should equate with 'Y'

Bikas · Accepted Answer · 2016-02-15 20:10:38Z

0

Change this

<td ng-bind="requirement.MyDate | date:'shortDate'"></td>

to

<td ng-bind="requirement.MyDate | date:'shortDate'" ng-if="requirement.MyStatus == 'Y'"></td>

answered Feb 15, 2016 at 20:10

Bikas

2,76918 silver badges33 bronze badges

Collectives™ on Stack Overflow

AngularJS conditional to display value inside ng-repeat loop

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related