Angular 2 Markup - If String is Empty display something else

Question

So in AngularJS there was a way, in the markup, to bind data to a string like this:

{{myString | 'N/A'}}

What this did was, in one quick swipe, display the string if it wasn't empty. If it was empty, it would display the text behind the pipe.

Now I'm using Angular 2 and I'm trying to do the same thing except I can't seem to find the syntax to do so. Has anyone tried doing this yet? If so, how can I go about it without having to do it in the component level.

Thanks

Pankaj Parkar · Accepted Answer · 2017-11-29 05:14:54Z

16

Single pipe is Bitwise OR is consider as Pipe in Angular 2 which look up for filter with name after | symbol. You should be using || instead of |(single pipe).

{{myString || 'N/A'}}

edited Nov 29, 2017 at 5:14

answered Oct 13, 2016 at 19:34

Pankaj Parkar

136k23 gold badges241 silver badges307 bronze badges

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

Collectives™ on Stack Overflow

Angular 2 Markup - If String is Empty display something else

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