Estoy haciendo una forma dinámica angular con elementos de formulario cargados a través de JSON ..

La generación de elementos de formulario funciona bien, pero necesito cambiar los elementos de formulario según las opciones seleccionadas en el menú desplegable.

JSON que genera elementos de formulario

  jsonData: any = [
    {
      "elementType": "textbox",
      "class": "col-12 col-md-4 col-sm-12",
      "key": "project_name",
      "label": "Project Name",
      "type": "text",
      "value": "",
      "required": false,
      "minlength": 3,
      "maxlength": 20,
      "order": 1
    },
    {
      "elementType": "dropdown",
      "key": 'project',
      "label": 'Choose option to display',
      "options": [
        { "key": 'description', "value": 'Show Project Description' },
        { "key": 'level', "value": 'Show Project Level' },
        { "key": 'members', "value": 'Show Project Members' }
      ],
      "order": 2
    },
    {
      "elementType": "textbox",
      "class": "col-12 col-md-4 col-sm-12",
      "key": "project_desc",
      "label": "Project Description",
      "type": "text",
      "value": "",
      "order": 3
    },
    {
      "elementType": "dropdown",
      "key": 'project_level',
      "label": 'Choose Project Level',
      "options": [
        { "key": 'low', "value": 'Low' },
        { "key": 'medium', "value": 'Medium' },
        { "key": 'high', "value": 'High' }
      ],
      "order": 4
    },
    {
      "elementType": "dropdown",
      "key": 'project_members',
      "label": 'Choose Project Member',
      "options": [
        { "key": 'developer', "value": 'Developer' },
        { "key": 'leader', "value": 'Leader' },
        { "key": 'manager', "value": 'Manager' }
      ],
      "order": 5
    }
  ];

Basado en el JSON anterior, los elementos se generan ..

Aquí puedes ver queOrder 1 tiene un cuadro de texto con el nombre del proyecto que no tiene cambios.

A continuación, tenemos un menú desplegable conkey como proyecto, a partir de aquí solo comienza el requisito ..

En opciones, si elijoShow Project Description, entonces elProject Descriptione debe mostrar el cuadro de texto @ y otros dosproject_level yproject_members necesita estar en formato oculto ..

Igualmente si elijoShow Project Level entonces elProject Levelolo se debe mostrar el menú desplegable @ y elProject Description yProject Members necesita estar oculto ..

De la misma manera paraProject Members ..

Entonces, ¿cómo cambiar laform-elements basado en la selección de valores desplegables del proyecto ??

Los ejemplo de trabajo por lo mismo estaba aquíhttps: //stackblitz.com/edit/angular-x4a5b6-5ys5h

Por favor, ayúdame a ocultar los otros elementos según la selección deproyect desplegable usando solo forma dinámica angular ..