Optional space in angular interpolated string

Question

say I have an angular expression like this:

<span>{{vm.name}} {{vm.property|prettyPrint}}</span>

Say that property is optional, and may result in empty string. How do I get rid of that no-longer-necessary space after the name? I tried doing something like

<span>{{vm.name + ' ' + vm.property|prettyPrint |trim}}</span>

but that doesn't work.

Mathew Berg · Accepted Answer · 2016-09-08 17:36:49Z

2

The reason

<span>{{vm.name + ' ' + vm.property|prettyPrint |trim}}</span>

doesn't work is because it's applying the prettyPrint filter to everything. Change it to this:

<span>{{ (vm.name + ' ' + (vm.property | prettyPrint)) | trim }}</span>

answered Sep 8, 2016 at 17:36

Mathew Berg

28.8k11 gold badges72 silver badges94 bronze badges

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

1 Comment

seminolas Over a year ago

I really should stop working so late - I come up with the most complicated solutions to the simplest of problems. Thanks

Kesem David · Accepted Answer · 2016-09-08 17:34:02Z

0

Place the space inside the propery like this

<span>{{vm.name}}{{' ' + vm.property|prettyPrint}}</span>

answered Sep 8, 2016 at 17:34

Kesem David

2,2653 gold badges30 silver badges48 bronze badges

1 Comment

Kesem David Over a year ago

i thought you said the the vm.property might be optional, rephrase your question please :)

Collectives™ on Stack Overflow

Optional space in angular interpolated string

2 Answers 2

1 Comment

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related