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>

相關文章
相關標籤/搜索