javascript - Angular JS ternary operator inside div tag -


am using div condition shown below

<div data-index="5" class="col-xs-12 col-sm-4 col-md-3 col-lg-2 tiles ${ {{myvariable.data}} ? 'hidden-lg hidden-md hidden-xs hidden-sm':''}" data-myapp-detail="somexyz"> 

where {{myvariable.data}} giving problem when becomes "false". there angular js condition can initiate variable based on {{myvariable.data}} , use variable in div tag ternary condition.

where if keep boolean value false directly instead of {{myvariable.data}} works expected.

<div data-index="5" class="col-xs-12 col-sm-4 col-md-3 col-lg-2 tiles ${ false ? 'hidden-lg hidden-md hidden-xs hidden-sm':''}" data-myapp-detail="somexyz"> 

for angular2

<div data-index="5"    class="col-xs-12 col-sm-4 col-md-3 col-lg-2 tiles"   [ngclass]="myvariable.data ? 'hidden-lg hidden-md hidden-xs hidden-sm':''"    data-myapp-detail="somexyz"> 

or

<div data-index="5"    class="col-xs-12 col-sm-4 col-md-3 col-lg-2 tiles"   [ngclass]="myvariable.data ? ['hidden-lg', 'hidden-md', 'hidden-xs', 'hidden-sm']:''"    data-myapp-detail="somexyz"> 

Comments

Popular posts from this blog

amazon web services - S3 Pre-signed POST validate file type? -

c# - Check Keyboard Input Winforms -