feat: automatically add the check class

Author: HollyPony

dist/input-tags.js

@@ -1,6 +1,6 @@
 {
   "name": "angularjs-input-tags",
-  "version": "5.1.0",
+  "version": "5.2.0",
   "description": "AngularJS Component for input tags",
   "author": {
     "name": "Arthur Agombart",

package-lock.json

@@ -21,7 +21,7 @@ class InputTags {
     this.tags = this.tags || [];
     this.suggestions = this.suggestions || {};
     this.displayProperty = this.displayProperty || 'text';
-    this.keyProperty = this.keyProperty || '';
+    this.keyProperty = this.keyProperty || this.displayProperty;
     this.placeholder = this.placeholder || 'Add a tag';
     this.spellcheck = this.spellcheck || true;
     this.maxLength = this.maxLength || MAX_SAFE_INTEGER;
@@ -31,7 +31,7 @@ class InputTags {
   }
 
   track(tag) {
-    return tag[this.keyProperty || this.displayProperty];
+    return tag[this.keyProperty];
   }
 
   getTagText(tag) {
@@ -40,7 +40,7 @@ class InputTags {
 
   isTagValid(tag) {
     const tagText = this.getTagText(tag);
-    const key = this.keyProperty || this.displayProperty;
+    const key = this.keyProperty;
     return tagText &&
       this.tags.length <= this.maxLength &&
       !this.tags.some(element => element[key] === tag[key]);
@@ -53,7 +53,6 @@ class InputTags {
 
     if (valid) {
       this.tags.push(tag);
-
       this.emit('onTagAdded', {tag});
     } else {
       this.emit('onTagAddFailed', {tag});
@@ -62,6 +61,10 @@ class InputTags {
     return tag;
   }
 
+  isTagAdded(tag) {
+    return this.tags.find(eTag => eTag[this.keyProperty] === tag[this.keyProperty]);
+  }
+
   removeTag(tag) {
     this.emit('onTagRemoving', {tag});
 

package.json

@@ -12,7 +12,7 @@
     </li>
     <li class="ait-dropdown-item"
         ng-class="{
-          'ait-dropdown-item--checked': item.checked,
+          'ait-dropdown-item--checked': $ctrl.isTagAdded(item),
           'ait-dropdown-item--last': !item.data || item.data.length === 0
         }"
         ng-repeat="item in $ctrl.currentItem.data track by item.code"
@@ -24,7 +24,7 @@
             ng-if="item.data && item.data.length > 0"></span>
       <span class="ait-dropdown-itemCheck"
             ng-class="$ctrl.itemCheckClass"
-            ng-if="item.checked"></span>
+            ng-if="$ctrl.isTagAdded(item)"></span>
     </li>
   </ul>