Angularjs显示/隐藏和交替样式

I have a list of divs that display information about products. The core information is the same, but certain fields are only shown or hidden (via ng-show/ng-hide) for certain product type. This works fine, but we want to show rows in alternating styles (zebra stripes) for readability. How can do this since if I hide one row we will end up with two rows with the same style? The HTML is of the form:I have a list of divs that display information