Form.io control access on angular page

See more:

Angular6

I have a Form.IO json. Now using the fields in the JSON a few of my controls are being rendered.

Example:

{ "name":"John", "age":30 }

Now, I am using Form.IO which renders this JSON contruct into actual controls, say 2 textboxes; 1 with the name John printed in it and the other with the Age 30 printed on it.

These controls are inside the Form.IO container. On my page I have a button called "Fetch". On clicking this button I need to pick up the text printed inside the Form.IO controls and display it on a label on the Angular page, i.e. outside the Form.IO scope.
Please note that the Form.IO controls are being rendered dynamically via the JSON file.

What I have tried:

1. We have tried using hidden field on the form.
2. We have tried using hidden buttons on Form.IO and then call those button events from the NG page.