JSFiddle - React, Tailwind, and code Playground

HTML

<div ng-repeat='p in personTable'>
    {{p.label }} <input ng-model='person[p.fieldName]' type='{{p.type}}' />
</div>

<div>Favorite Number via slide: <input ng-model='person.FavoriteNumber' type='range'/></div>


<hr/>


{{person}}

JavaScript

function Something($scope) {
    $scope.personTable = [
        { fieldName: 'Lastname', type : 'text' },
        { fieldName: 'Firstname', type : 'text' },
        { fieldName: 'Birthday', type : 'date' },    
        { fieldName: 'FavoriteNumber', type : 'number', label: 'Favorite #' }
    ];
    
    for(var fieldIndex in $scope.personTable) {
        var field = $scope.personTable[fieldIndex];
        if (field.label == undefined) 
            field.label = field.fieldName;
    };
    
    $scope.person = { Lastname : 'Lennon', Firstname : 'John', Birthday: '1940-10-01', FavoriteNumber : 9 };
    
}