Angular expression is not working in ternary operator

Question

I just started to work with Angular, it seems good to implement and I am enjoying it.

I just used ternary operator in my HTML page, but it's not working and I am getting Angular parsing error

Here is the stuff which I am trying to execute.

<button class="common btnYellow viewAllText">{{data.data.bookmarks[0].category_name.length>=0 ? '{{data.data.bookmarks[0].category_name}}' : 'Recently Added'}}</button>

What can I try next?

Bhojendra Rauniyar · Accepted Answer · 2015-01-05 05:53:34Z

3

Replace this:

{{data.data.bookmarks[0].category_name.length>=0 ? '{{data.data.bookmarks[0].category_name}}' : 'Recently Added'}}

With this:

{{data.data.bookmarks[0].category_name.length>=0 ? data.data.bookmarks[0].category_name : 'Recently Added'}}

<button class="common btnYellow viewAllText">{{data.data.bookmarks[0].category_name.length>=0 ? data.data.bookmarks[0].category_name : 'Recently Added'}}</button>

answered Jan 5, 2015 at 5:53

Bhojendra Rauniyar

86k36 gold badges179 silver badges241 bronze badges

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

Comments

Manish Kr. Shukla · Accepted Answer · 2015-01-05 05:54:20Z

1

No need to nest interpolation expressions together.

Use this :

<button class="common btnYellow viewAllText">{{data.data.bookmarks[0].category_name.length>=0 ? data.data.bookmarks[0].category_name : 'Recently Added'}}</button>

answered Jan 5, 2015 at 5:54

Manish Kr. Shukla

4,4771 gold badge22 silver badges35 bronze badges

Comments

Karthick Venkatraman · Accepted Answer · 2015-01-05 05:54:37Z

1

Try this,

{{data.data.bookmarks[0].category_name.length>=0 ? data.data.bookmarks[0].category_name : 'Recently Added'}}

answered Jan 5, 2015 at 5:54

Karthick Venkatraman

613 bronze badges

Comments

callmekatootie · Accepted Answer · 2015-01-05 05:55:30Z

1

You have already used the angular expression parser so you don't have to repeat it again. You don't have to add the '' for the angular expression either.

Also, use braces to make the expressions more clearer -

<button class="common btnYellow viewAllText">
    {{ (data.data.bookmarks[0].category_name.length >= 0) ? 
    data.data.bookmarks[0].category_name : 'Recently Added' }}
</button>

answered Jan 5, 2015 at 5:55

callmekatootie

11.2k16 gold badges73 silver badges109 bronze badges

Collectives™ on Stack Overflow

Angular expression is not working in ternary operator

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related