Boolean expressions in AngularJS

Question

In this line of code:

<p>{{ data.length > 0 && 'My data' || 'No data' }}</p>

what does the && and || mean?

At first I thought that these were boolean functions. The equivalent in Java or C# would be an inline IF statement:

<p>{{ data.length > 0 ? 'My data' : 'No data' }}</p>

But that statement doesn't work in AngularJS.

Mathew Berg · Accepted Answer · 2014-06-30 13:47:28Z

4

The second statement actually does work in the new angularjs, the first one was just a workaround before it was implemented.

The && and || function exactly the same as the do an if statement. So you can use that outside of angular as well. Just like this:

console.log(4 > 3 && 'true' || 'false');

answered Jun 30, 2014 at 13:47

Mathew Berg

28.8k11 gold badges72 silver badges94 bronze badges

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

3 Comments

Except that in most programming languages && means AND and || means OR.

You're right about the inline IF statement. I updated my AngularJS library and it works.

It still does mean that in javascript. If(4 > 5 && 2 > 1 || 3 > 1) is completely valid