Angularjs 另类风格<；ul>；无ng重复的角度元素

我想为

    <ul ng-class-even="'even''">
     <li>
         <span>foo Span even</span>
         <p>foo p even</p>
     </li>
     <li>
         <span>foo span odd</span>
         <p>foo p odd</p>
      </li>
 </ul>

福斯潘
福平



福斯潘奇数
富普奇

我希望每个偶数

标记都能获得样式。我试过这样的方法，但显然不行

li { background: green; }
li:nth-child(odd) { background: red; }

---

我认为在这种情况下可以使用指令，如果您严格希望使用angularjs，否则css也可以

 <ul foo-directive odd-class='odd' even-class ='even'>
 <li>
     <span>foo Span even</span>
     <p>foo p even</p>
 </li>
 <li>
     <span>foo span odd</span>
     <p>foo p odd</p>
  </li>
</ul>

福斯潘
福平



福斯潘奇数
富普奇

指令是这样的

    app.directive('fooDirective',function(){

        return {
            restirct:'EA',
            link:function(scope,element,attr){

                for (var i = 0; i < element[0].children.length; i++) {
                        if(i % 2 == 0)
                        element[0].children[i].className = attr.evenClass
                        else
                        element[0].children[i].className = attr.oddClass
                    }
            }

        }

    })  

app.directive（'foodirection'，function（）{
返回{
restrict:'EA'，
链接：功能（范围、元素、属性）{
对于（var i=0；i<元素[0]。children.length；i++）{
如果（i%2==0）
元素[0]。子元素[i]。类名=attr.evenClass
其他的
元素[0]。子元素[i]。类名=attr.oddClass
}
}
}
})  

你的问题不是很清楚，你能告诉我们你到底想做什么吗？这可能对你有所帮助我的意思是。。。有没有可能在静态

上使用ng class odd而不使用ng Repeat这是我见过的圣诞餐桌中最多的一张。是的。只需使用css。当您已经在html中键入整个列表时，无需使用angular。