ngTagsInput
ngTagsInput copied to clipboard
NgTagsInput in ng-repeat
my html:
<div class="form-group" ng-repeat="(matchIdx, match) in matches track by matchIdx">
<div class="form-group">
<div class="col-sm-6">
<input type="number" class="form-control" ng-model="data[matchIdx].number">
</div>
</div>
<div class="form-group">
<div class="col-sm-6">
<tags-input class="bootstrap"
placeholder=" "
key-property="id"
display-property="label"
ng-model="data[matchIdx].tags">
<auto-complete source="loadTags($query)"
min-length="1"
max-results="10"></auto-complete>
</tags-input>
</div>
</div>
Matches list contains 30 items and more. The number of watches in this case is more than 10 000. I tried another lib (ui-select), the result is even worse.
Can anybody help? can I use another library (more fast)? Or how can I organize my code differently to have something similar to dynamically adding tags for each row on gn-repeat?