0407日重点:表格和单元格的宽度, ng-repeat出的表格宽度, checkbox作显示隐藏效果

1.table是个大盒子,不设table的宽度,而设td的宽度是不行的。td永远不能大过table。html

  table设了宽度后。有多少个td,td就会平分table的宽度。angularjs

2. angularjs中 ng-repeat出的表格。要想没一个td的宽度是同样的。则必须在控制器中动态的设table宽度!htm

   设循环数据是data,那总共循环次数就是 data.lengthblog

 动态表格的宽度就是:  $scope.tableWidth=(90*temp.length+90)+'px';input

  前台页面中<table border="1" style="width: {{tableWidth}}" ></table>it

 

table的参考文献:http://www.cnblogs.com/mqingqing123/p/6163140.htmlio

 

3. input是radio的时候,值能够随便设定.table

    当input是checkbox的时候,值就是布尔值,就是ture或者falseangular

  因此,能够利用这点,直接作出勾选显示,不勾选隐藏的效果date

    <label>有时间限制<input type="checkbox"  ng-model="limited"></label>

  <div ng-show="limited">     开始的日期<input type="date" >     结束的日期<input type="date" >   </div>

相关文章
相关标签/搜索