Angular render string based on expression

Question

I have a method to that returns an integer value, {{Cart.totalItems()}}. This works fine. I wanted to know if it is possible to have this expression print a string based on the result of this method call. For example:

print "X" if the value returned is greater than 0, or "Y" otherwise.

Is this possible in the expression itself (for example by using a filter) or do I need to roll an Angular function to do this? I've used similar techniques done in the expression specified in an ng-showdirective, for example:

{true:'false',false:'true'}[ngTransaction.$state.shippingNameSameAsCustomerName]

However, I cannot seem to nail the syntax for this in view. Is it possible to render a string conditionally based on the output of a function call in an expression?

Davin Tryon · Accepted Answer · 2015-02-05 15:30:52Z

1

You should be able to use the JavaScript ternary operator inside an interpolated template:

{{ Cart.totalItems() > 123 ? 'Happy' : 'Sad' }}

The above code will print Happy if the value returned by Cart.totalItems() is greater than 123, Sad otherwise.

answered Feb 5, 2015 at 15:30

Davin Tryon

67.4k15 gold badges149 silver badges139 bronze badges

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

Collectives™ on Stack Overflow

Angular render string based on expression

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