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
Post a Comment