国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

AngularJS中table表格基本操作示例

2019-11-19 15:12:20
字體:
來源:轉載
供稿:網友

本文實例講述了AngularJS表格基本操作。分享給大家供大家參考,具體如下:

css內容:

table, td { border: 1px solid grey; border-collapse: collapse; padding: 5px;}

HTML正文:

<body ng-app=""><div ng-init="persons=[{'name':'zhangsan','age':'20'},           {'name':'lisi','age':'19'},           {'name':'lisi','age':'19'}]"><table><!-- $odd:下標為奇數的元素 $even:下標為偶數的元素 --> <tr ng-repeat="x in persons">  <td>{{$index+1}}</td> <!-- 獲取元素的下標值 -->  <!-- ng-if類似ms-if進行布爾值判斷顯示 -->  <td ng-if="$odd" style="background-color:yellow"> {{ x.name }}</td>  <td ng-if="$even">{{ x.name }}</td>  <td ng-if="$odd" style="background-color:green"> {{ x.age }}</td>  <td ng-if="$even">{{ x.age }}</td> </tr></table><span>{{persons[0]}}</span>

效果:

更多關于AngularJS相關內容感興趣的讀者可查看本站專題:《AngularJS指令操作技巧總結》、《AngularJS入門與進階教程》及《AngularJS MVC架構總結

希望本文所述對大家AngularJS程序設計有所幫助。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 沅陵县| 岳池县| 通道| 台北县| 宽城| 永宁县| 江西省| 赤峰市| 呈贡县| 稷山县| 北票市| 江孜县| 贺兰县| 越西县| 延安市| 扎鲁特旗| 佛教| 平度市| 会宁县| 南汇区| 阜城县| 濮阳县| 湟源县| 张家港市| 香格里拉县| 滨州市| 久治县| 札达县| 达州市| 金堂县| 清水县| 潜江市| 大渡口区| 冷水江市| 威远县| 西盟| 商都县| 祁门县| 巴南区| 广东省| 高淳县|