如何根據來自其他頁面的輸入動態添加行和列

Question

從一個html頁面我發送我需要在下一個html上的行數和列數。 爲同一控制器代碼：

.controller('decisionController', ['$scope', '$rootScope','$state', function($scope,$rootScope, $state){ 
    $rootScope.decvalues; 
    $scope.saveDecision = function(isValid){ 
     var values=[]; 
     var nameAndDec={ 
       name:$scope.model.name, 
       description:$scope.model.description, 
       input_col:$scope.no_of_input,//number of columns 
       output_col:$scope.no_of_output,//number of columns 
       rows:$scope.no_of_row,//number of rows 

     }; 
     values.push(nameAndDec); 
     $rootScope.decvalues=values[0]; 
     $state.go('rulesEditor.decisionTble'); 
    }, 

我第二次的HTML頁面我想基於從第一頁通過行和列數來創建動態表。 我想說明這種第二HTML頁面結構的行和列

這是我的第二個HTML頁面的給定數量：

<table border="1" cellpadding="10"> 
     <thead> 
     <tr> 
     <!--For getting a checkbox in eack row --> 
     <th ng-repeat="values in decvalues.rows"> 

      </th> 
<!--Add number of input columns header as per input got from first page --> 
      <th ng-repeat="values in decvalues.input_col"> 
      (I) &lt;enter data&gt;&nbsp;<input type="checkbox"></input> 
      </th> 
<!--Add number of output columns header as per input got from first page --> 
      <th ng-repeat="values in decvalues.output_col" > 
      (O) &lt;enter data&gt;&nbsp;<input type="checkbox"></input> 
      </th> 
     </tr> 
     </thead> 
     <tbody> 
<!--Add number of rows as per input got from first page --> 
    <tr ng-repeat="row in decvalues.rows"> 
     <td ng-repeat="col in decvalues.input_cols"> 
    (I) &lt;enter data&gt; 
    </td> 
    <td ng-repeat="col in decvalues.output_cols"> 
    (O) &lt;enter data&gt; 
    </td> 

     </tbody> 
    </table> 

我在得到這個值我控制器，但在我的第二頁桌上沒有生成

我試了很多東西，但它不工作，任何人都可以請建議如何實施th正在使用角度。 這將是一個很大的幫助

Answer 1

ng-repeat來救援！

<table> 
    <thead> 
    <tr> 
     <td ng-repeat="header in model.headers">{{header.title}}</td> 
    </tr> 
    </thead> 
    <tbody> 
    <tr ng-repeat="row in decvalues.rows track by $index"> 
     <td ng-repeat="col in decvalues.input_cols track by $index"> 
     // stuff 
     </td> 
     <td ng-repeat="col in decvalues.output_cols track by $index"> 
     //stuff 
     </td> 
    </tr> 
    </tbody> 
</table> 

奧斯汀指出，還需要你的模型改成這樣：

var nameAndDec={ 
       name:$scope.model.name, 
       description:$scope.model.description, 
       input_col:new Array($scope.no_of_input),//number of columns 
       output_col:new Array($scope.no_of_output),//number of columns 
       rows:new Array($scope.no_of_row),//number of rows 

     }; 

爲了迭代

Answer 2

您的問題很難解釋，如果問題是你沒有成功創建一個動態表，請告訴我們你試圖做什麼。 否則我會sugest你創建一個表模板，2納克重複

<table> 
    <tr ng-repeat="rows"> 
     <td ng-repeat="columns"></td> 
    </tr> 
</table>