Angularjs 如何将条件属性应用于div

Angularjs 如何将条件属性应用于div,angularjs,Angularjs,我有一个这样的部门: <div ng-switch-when="checkbox"> 您可以在css文件中定义样式,例如: .mystyle{ height:250px; overflow:scroll; } 然后可以将该类作为ng类添加到div中 <div ng-class="{mystyle: mycondition}"></div> 您可以在css文件中定义样式,例如: .mystyle{ height:250px; o

我有一个这样的部门:

<div ng-switch-when="checkbox">

您可以在css文件中定义样式,例如:

.mystyle{
   height:250px; 
   overflow:scroll;
}
然后可以将该类作为ng类添加到div中

<div ng-class="{mystyle: mycondition}"></div>

您可以在css文件中定义样式,例如:

.mystyle{
   height:250px; 
   overflow:scroll;
}
然后可以将该类作为ng类添加到div中

<div ng-class="{mystyle: mycondition}"></div>

在CSS文件中定义一个类,比如说
.overflow
。 然后这样做:

<div ng-class="{'overflow' : myArray.length > 5}"></div>

在CSS文件中定义一个类,比如说
.overflow
。 然后这样做:

<div ng-class="{'overflow' : myArray.length > 5}"></div>

您应该首先使用以下样式创建一些类:

.extraStyle{
  height:250px;
  overflow:scroll;
}
然后在div中应用ng类:

<div ng-switch-when="checkbox" 
     ng-class="{extraStyle:myArray.length > 5}">

注意:如果您希望您的代码适合HTML5标准,那么应该在所有指令中使用数据。例如:

数据ng类


您应该首先使用以下样式创建一些类:

.extraStyle{
  height:250px;
  overflow:scroll;
}
然后在div中应用ng类:

<div ng-switch-when="checkbox" 
     ng-class="{extraStyle:myArray.length > 5}">

注意:如果您希望您的代码适合HTML5标准,那么应该在所有指令中使用数据。例如:

数据ng类