AngularJS中桌子表格基本操作示例

本文实例讲述了AngularJS表格基本操作。分享给大家供大家参考，具体如下：

钢性铸铁内容：

表，td { border: 1px纯灰色；边界崩溃：崩溃；padding: 5px } HTML正文：

body ng-app=' div ng-init=' persons=[{ ' name ' : ' Zhan San '，' age':'20'}，{'name':'lisi '，' age':'19'}，{'name':'lisi '，' age':'19'}]表！-:美元下标为奇数的元素$even:下标为偶数的元素-tr ng-repeat=' x in persons ' TD { { $ index 1 } }/TD！-获取元素的下标值- !如果类似ms-if进行布尔值判断显示-TD ng-if=' $ odd ' style='底色：黄色' { x . name } }/TD TD ng-if=' $偶数{ x . name } }/TD TD ng-if=' $ odd ' style='底色：绿色' { x . age } }/TD TD ng-if=' $偶数{ x . age } }/TD/tr/tablespan { { persons[0]}/span效果：

更多关于AngularJS相关内容感兴趣的读者可查看本站专题： 《AngularJS指令操作技巧总结》 、 《AngularJS入门与进阶教程》 及《AngularJS MVC架构总结》

希望本文所述对大家AngularJS程序设计有所帮助。