[Angularjs] 利用 angularjs 來實現 Table 奇偶數顏色

摘要:[angularjs] 利用 angularjs 來實現 Table 奇偶數顏色

 

CSS3 的做法
 

.table tr:nth-child(4n)
{
	background: #fffce7;
}

tr:ntr-child(odd){
 background: #fffce7;
}

tr:nth-child(even){
 
    background: #fff;
}

 

Angularjs 的做法

<table>
	<tbody>
		<tr ng-class-even="'even'" ng-class-odd="'odd'" ng-repeat="item in data">
			<td ng-bind="item .value">
				 </td>
		</tr>
	</tbody>
</table>
CSS
 .odd {
  }
  .even {
  background: #fffce7;

  }


參考:

http://ithelp.ithome.com.tw/question/10130299