Angular text binding on multiple condition

Question

I could bind text on single condition as this <ion-label>{{company ? company.name : 'Select a company'}}</ion-label>

How ca I use multiple condition in this? like, <ion-label>{{company || organization ? company.name : 'Select a company'}}</ion-label>

Are you getting any errors? Whay are you using " to wrap interpolation? — yurzui
– yurzui, Commented Jun 18, 2018 at 7:24
try to create get property or function and do code in that and use that in your html — Pranay Rana
– Pranay Rana, Commented Jun 18, 2018 at 7:32
I am sorry, i don't use " it is <ion-label>{{company ? company.name : 'Select a company'}}</ion-label> — Samaludheen
– Samaludheen, Commented Jun 18, 2018 at 7:47

Pardeep Jain · Accepted Answer · 2018-06-18 07:26:52Z

1

You should assign to some variable first in controller part like this -

myValue = this.company || this.organization;
<ion-label>{{myValue ? myValue?.name : 'Select a company'}}</ion-label>

PS: Also no need to wrap your variable into interpolation syntax using ".

answered Jun 18, 2018 at 7:26

Pardeep Jain

86.9k38 gold badges172 silver badges220 bronze badges

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

Comments

Pranay Rana · Accepted Answer · 2018-06-18 07:29:56Z

1

if you have multiple condition then you should make use of function instead of doing it in html

<ion-label>{{getLable(input)}}</ion-label>

getLabel(input){

  return "text";
}

Easy manage complex condition in code file rather then html.

answered Jun 18, 2018 at 7:29

Pranay Rana

177k37 gold badges244 silver badges266 bronze badges

This approach would be much better to avoid complex condition checking on view side (HTML)