Hello, I am looking to create a unique identifier in html in the format 'a1', 'a2', etc. based on the values in the table. I am thinking of achieving this in the following way:
<div ng-controller="ddController" >
<div class="containerslot" ng-controller="myCtrl">
<div ng-repeat="r in [1,2, 3, 4, 5, 6, 7, 8, 9, 10,11,12,13,14,15,16,17,18,19,20,21,22,23,24,25,26,27]">
<span class="slot grey" id="{{'a'+r}}" ng-repeat="c in [1]" x-lvl-draggable='true' x-lvl-drop-target="true" x-on-drop="dropped(dragEl, dropEl)" ng-dblclick="showTabDialog(r)" data-color="grey"><button style="margin-right: 145px;
height: 22px;
display: block;" ng-click="openUserProfile(r)">config</button></span>
</div>
</div>
</div>
However, when my JavaScript retrieves the id, it only gets {{'a' + r}} instead of the actual identifier. For example:
var data = e.dataTransfer.getData("text"); // it collects {{'a'+r}} instead of 'a1'
var dest = document.getElementById(id);
var src = document.getElementById(data);
I am really struggling to find a solution for this. Any help would be appreciated.