JSFiddle - React, Tailwind, and code Playground

HTML

<body ng-app="test" ng-controller="myCtrl">
<div ng-repeat="data in main" >
<div ng-repeat="innerData in inputField" ng-if="data[innerData.form]" >
  <input ng-model="data[innerData.form][innerData.key]" >
</div>
 </div>
 <button ng-click="setNext()">
 Next
 </button>
  {{main}}
</body>

JavaScript

angular.module('test', [])
.controller('myCtrl',['$scope',function($scope){
$scope.main=[
	{
    "personalDetails": {"firstName":"", "lastName":''}
},
{
    "car": {"make":"", "variant":''}
}
]
$scope.inputField = [{'key':'firstName','form':'personalDetails'},{'key':'lastName','form':'personalDetails'},]
$scope.setNext=function(){
	$scope.inputField= [{'key':'make','form':'car'},{'key':'variant','form':'car'}];
}

}]);