I am implementing a loop in my HTML code where each iteration dynamically creates a model. Here is an example of how the loop looks:
<tr ng-repeat="item in voucherItems">
<td><input type="text" ng-model="this['id-' + $index]" typeahead="brand.id as brand.BRANDNAME for brand in brandList" class="input-group" /></td>
</tr>
The models that are created will be named as id1, id2, id3, and so on. Now, I want to utilize these dynamic models in my Angular controller.
function GetValue(indexno) {
var model = scope."id"+indexno;
dosomething(model);
}
However, when trying to access the variable with the quoted part scope."id"+indexno, it does not work properly and throws an error. My question is, how can I write this portion of code within the Angular controller so that it functions like scope.id1 or scope.id2? Alternatively, how can I trigger the model dynamically?