I have nested data for a user which I'm trying to edit (in a bindable form). userAccess data could be dynamic, so for each record I have a row of fields which I'm trying to pre-populate with selected values from data.

How can I bind each userAcces row (form fields) with a data record.

Please take a look at the fiddle I created below.

User Record

    "userId": "122399771",
    "firstName": "bob",
    "lastName": "smith",
    "emailId": "[email protected]",
    "country": "United States",

    "userAccess": [
            "productId": "test1",
            "roles": ["role1", "role3"]
            "productId": "test2",
            "roles": ["role2", "role3"]