如何将条件属性应用于div

时间:2015-11-19 18:26:14

标签: angularjs

我有这样的div:

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

当我的范围中的数组长度为style

时,我想为其添加一个条件> 5属性

我尝试了这个,但它无法正常工作

<div ng-switch-when="checkbox" ng-attr-class="{{myArray.length > 5 && 'style='height:250px; overflow:scroll;''}}">

3 个答案:

答案 0 :(得分:2)

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

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

答案 1 :(得分:1)

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

if (file.is_open() && file2.is_open()){

然后在div中应用 ng-class

.extraStyle{
  height:250px;
  overflow:scroll;
}

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

  

数据纳克级

答案 2 :(得分:0)

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

def calc():
pompt = "Enter problem: "
print "I can only do basic math, no alegbra"
userInput = raw_input(prompt)
if userInput.strip() != 'exit':
    calc()

然后你可以把这个类作为ng-class

添加到你的div中
.mystyle{
   height:250px; 
   overflow:scroll;
}