I am making an app where on the click of the button multiple new ui-Grids will gets added to each tab on the page.
Here on the div element
<div id="grid{{t.id}}" ui-grid="gridOptions{{t.id}}" class="grid"></div>
I am not able to attach {{t.id}} on the gridOptions as it is giving parse error.
Also how to handle unique id generation in controller so that each grid gets a unique id and ui-grid name.
I am using ng-template to add the grid template and the data is coming with the help of the ajax request.
<script type="text/ng-template" id="tabs.html">
<div class="container-fluid">
<div class="row">
<div id="grid{{t.id}}" ui-grid="gridOptions{{t.id}}" class="grid"></div>
<!-- Should Be new Id not geting how to do it.-->
<div id="grid{{t.id}}" ui-grid="gridOptions{{t.id}}" class="grid"></div>
</div>
</div>
</script>
Please find the plunker here.
