Question

我的问题类似于线程

Dynamic table creation with ng-repeat in angularjs

JSON看起来像这样

{ ＆＃34; id＆＃34;：＆＃34; String＆＃34;，＆＃34;马克＆＃34; ： { ＆＃34; NumMin的＆＃34;：＆＃34;整数＆＃34; ＆＃34; NumMax的值＆＃34;：＆＃34;整数＆＃34; ＆＃34; subjectname＆＃34;：＆＃34; string＆＃34;， } }

只是会有一个额外的功能，用户将不输入需要生成的行，然后将根据将从数据库中提取的动态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>

使用ng-repeat生成动态表行

1 个答案: