if statement in html angularjs

Question

I have a table and I want to write basic if statement into <td>.

<tbody>
<tr ng-repeat="item in pagedItems[currentPage]">
  <td>{{item.id}}</td>
  <td>{{(item.name == "name 12" && 'xxx') || item.name}}</td>
  <td>{{item.description}}</td>
  <td>{{item.field3}}</td>
  <td>{{item.field4}}</td>
  <td>{{item.field5}}</td>
</tr>
</tbody>

What I try to do is: if item.name == "name 12" => set empty string otherwise leave it as is.

Something like that:

 <td>{{(item.name == "name 12" && '') || item.name}}</td>

However it works only if I put some String like 'xxx' in my case but with '' it doesn't work.

Here is a demo in Fiddle

KayakDave · Accepted Answer · 2013-12-15 17:05:49Z

3

Angular added the ternary (conditional) operator in 1.1.5 (test ? ifTrue : ifFalse) which you can use like this:

<td>{{((item.name == "name 12") ? "" : item.name)}}</td>

Which, if (item.name == "name 12") is true will return "" and it's false will return item.name

updated fiddle

edited Dec 15, 2013 at 17:05

answered Dec 14, 2013 at 22:34

KayakDave

24.7k3 gold badges68 silver badges68 bronze badges

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

Comments

Pascal Ockert · Accepted Answer · 2013-12-14 22:31:09Z

2

An empty string evaluates to false, so item.name will be used instead of the empty string. Instead of the empty string you can use single space, that should work:

<td>{{(item.name == "name 12" && ' ') || item.name}}</td>

Or if you really need an empty string, negate it:

<td>{{(item.name != "name 12" && item.name) || ''}}</td>

answered Dec 14, 2013 at 22:31

Pascal Ockert

9845 silver badges10 bronze badges

Collectives™ on Stack Overflow

if statement in html angularjs

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related