div标签内的Angular JS三元运算符

Question

我使用div条件如下所示

<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">

当{{myvariable.data}}是给问题,当它变成"假".是否存在任何角度js条件,我可以根据{{myvariable.data}}并在div标签三元条件中使用该变量来启动变量.

好像我直接保持布尔值false而不是{{myvariable.data}}按预期工作.

<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">

Answer 1

对于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">

要么

<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">