分割表格背景:
style代码:
.tdd,th,td{ border-collapse: collapse; } .tdd tr:nth-child(even){ background-color: #F7E1B5; } .tdd tr:nth-child(odd){ background-color: #F1F1F1; } #tou{ background-color: #69717d; }HTML代码:
<table id="tb2" class="tdd"> <thead> <tr id="tou"> <td>姓名</td> <td>位置</td> <td>球号</td> <td>票数</td> </tr> </thead> <tbody> <tr ng-repeat="ar in arr"> <td>{{ar.nam}}</td> <td>{{ar.addres}}</td> <td>{{ar.numbe}}</td> <td>{{ar.piao}}</td> </tr> </tbody> </table>
下拉列表代码:
<html ng-app="Ap"> <head lang="en"> <meta charset="UTF-8"> <script type="text/javascript" src="angular-1.3.0.js"></script> <title></title> <script type="text/javascript"> var app = angular.module("Ap",[]); app.controller("Ctr", function billsDetailController($scope, $http, $log) { var self = this; $scope.billsDetailData = []; $scope.billsDetailTotalData = []; $scope.model = [{ id: 201401, productName: '2014-01' }, { id: 201402, productName: '2014-02' }, { id: 201403, productName: '2014-03' } ]; $scope.currentPeriod = $scope.model[0].productName; $scope.change = function(){ self.getDetailPagedDataAsync( $scope.currentPeriod); self.getDetailTotalData( $scope.currentPeriod); } }); </script> </head> <body ng-controller="Ctr"> <select id="selectError" ng-model="currentPeriod" ng-change="change()" ng-options="option.productName as option.productName for option in model"> </select> </body> </html>
字符串转型整形:
var pss = parseInt($scope.ps);