对ng-repeat的表格内容添加不同样式,html代码:
<div class="table-responsive-sm" style="margin-top:10px"> <table class="table table-sm table-bordered table-striped table-hover"> <thead> <tr> <th>CustomerCode</th> <th>CustomerName</th> <th>PurchaseOrder</th> <th>CreateDate</th> <th>SoReasons</th> <th>OrderType</th> <th>SalesOrganization</th> <th>DistributionChannel</th> <th>SalesDocument</th> <th>SalesDocumentItem</th> <th>MaterialNumber</th> <th>CustomerPN</th> <th>SalesOrderShortText</th> <th>UnitePrice</th> <th>SalesOrderQuantity</th> <th>ShippedQuantity</th> <th>InvoicedQuantity</th> <th>Status</th> </tr> </thead> <tbody> <tr ng-repeat="item in customerTrackingList"> <td>{{item.CustomerCode}}</td> <td>{{item.CustomerName}}</td> <td>{{item.PurchaseOrder}}</td> <td>{{item.CreateDate}}</td> <td>{{item.SoReasons}}</td> <td>{{item.OrderType}}</td> <td>{{item.SalesOrganization}}</td> <td>{{item.DistributionChannel}}</td> <td>{{item.SalesDocument}}</td> <td>{{item.SalesDocumentItem}}</td> <td>{{item.MaterialNumber}}</td> <td>{{item.CustomerPN}}</td> <td>{{item.SalesOrderShortText}}</td> <td>{{item.UnitePrice}}</td> <td>{{item.SalesOrderQuantity}}</td> <td>{{item.ShippedQuantity}}</td> <td>{{item.InvoicedQuantity}}</td> <td ng-style="{background:item.Status==='S'?'red'}">{{item.Status}}</td> </tr> </tbody> </table> </div>