動態錶行代採用NG-重複

Question

我的問題是類似的線程

Dynamic table creation with ng-repeat in angularjs

JSON看起來像這樣

{ 「ID」： 「字符串」， 「標記」： { 「nummin」：「整數」 「nummax」：「整數」 「主旨名稱」：「串」， } }

只是會有一個額外的功能，用戶將進入沒有需要被生成，然後該表將根據動態JSON生成的行文件將從數據庫中提取。在此先感謝

Answer 1

嘗試this JS-Fiddle。

讓我知道這是否幫助你！

let app = angular.module('app', []); 
app.controller('ctrl', ['$scope', ($scope) => { 

    $scope.numberOfRows = 0; 
    $scope.data = []; 

    $scope.$watch('data',() => { 
     console.log($scope.data); 
    }, true); 

}]); 
app.filter('range', function() { 
    return function (input, total) { 
     total = parseInt(total, 10); 

     for (let i = 0; i < total; i++) { 
      input.push(i); 
     } 
     return input; 
    }; 
}); 


<div ng-app="app"> 
<div ng-controller="ctrl"> 
    <input type="number" ng-model="numberOfRows" /> 
    <br /> 
    <table width="100%"> 
    <tr> 
     <th>nummin</th><th>nummax</th><th>...</th> 
    </tr> 
    <tr ng-repeat="i in [] | range:numberOfRows"> 
     <td> 
     <input type="number" ng-model="data[i].nummin" /> 
     </td> 
     <td> 
     <input type="number" ng-model="data[i].nummax" /> 
     </td> 
     <td>...</td> 
    </tr> 
    </table> 
</div> 
</div>