Dynamic Controls Creation in UI5 view

Hi,

I am totally new to UI5 and trying to do a simple screen .

I am trying to create a control dynamically based on the data on a view/page.

Basically loop through the data from JSON modal data with in the application and create a corresponding control on the page.

I would prefer achieve it in a MVC rather with in JavaScript view. For example the data in JSON model file is as in screen shot 1

and resulting output on the view should be with four controls as shown in screen shot 2.

I have tried several ways with <List> but not able to bind it to JSON data.

Thanks,

Srini