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类