How to populate camunda html form Select from Json

Camunda 7 Topics Discussion & Questions
,
1

Hi,
I am trying to populate camunda html form select from json sent from my external service client.
Here is my sent json -

{myData=[{"id":1,"name":"This is one","value":"value11","localName":"this is local name 11"},{"id":2,"name":"This is Two","value":"value22","localName":"this is local name 22"}]}

Here is my html form -

<form>
<div>
        <select
                cam-variable-type="String"
                cam-variable-name="selected_option"
                ng-options="item as item.name for item in myData track by item.id"
                ng-model="selected"
                class="form-control">
        </select>
    </div>



    <script cam-script type="text/form-script">


  camForm.on('form-loaded', function() {
    // tell the form SDK to fetch the variable named 'myData'
    camForm.variableManager.fetchVariable('myData');

  });
  camForm.on('variables-fetched', function() {
    // work with the variable (bind it to the current AngularJS $scope)
    $scope.myData = camForm.variableManager.variableValue('myData');
  });

</script>
</form>

But it is coming up like below as undefined -

1
11920×1080 234 KB

And i can see my json myData in next step and it’s values -

2
21920×1080 246 KB

Any help on how to populate my html form select from my json myData
Thanks

2