JSFiddle - React, Tailwind, and code Playground

HTML

<div ng-app>
    <div ng-controller="MainCtrl">
    <table border="0" cellpadding="0" cellspacing="0" width="100%">
      <tr>
        <td>
          <select ng-model="selectedQuery" 
            ng-options="q.name for q in queryList" >
            <option title="---Select Query---" value="">---Select Query---</option>
          </select>
        </td>
      </tr>
      <tr ng-repeat="param in parameters">
        <td>{{param}}:</td>
        <td><input type="text" ng-model="values['field_' + $index]" />field_{{$index}}</td>
      </tr>
    </table>
        <pre>{{values | json }}</pre>
    <div>
<div>

JavaScript

function MainCtrl($scope) {
     $scope.queryList = [
        { name: 'Check Users', fields: [ "Name", "Id"] },
        { name: 'Audit Report', fields: [] },
        { name: 'Bounce Back Report', fields: [ "Date"] } 
      ];
    
    $scope.values = {};
    
    $scope.$watch('selectedQuery', function (newVal, oldVal) {
        $scope.parameters = $scope.selectedQuery.fields;
      });
}