fix: set aria-label for all items

package.json

@@ -1,13 +1,13 @@
 {
   "name": "ng-multiselect-dropdown",
-  "version": "0.2.10",
+  "version": "0.2.12",
   "private": true,
   "description": "Angular Multi-Select Dropdown",
   "author": "Nilesh Patel",
   "license": "MIT",
   "scripts": {
     "ng": "ng",
-    "start": "ng serve",
+    "start": "ng serve --port 4201",
     "build": "ng build",
     "ng:test": "ng test",
     "lint": "ng lint",
@@ -80,7 +80,7 @@
     "karma-coverage-istanbul-reporter": "^2.1.0",
     "karma-jasmine": "~2.0.1",
     "karma-jasmine-html-reporter": "^1.4.2",
-    "ng-multiselect-dropdown": "^0.2.10",
+    "ng-multiselect-dropdown": "^0.2.11",
     "ng-packagr": "^5.5.0",
     "ngx-bootstrap": "^5.1.1",
     "protractor": "~5.4.2",

src/ng-multiselect-dropdown/src/multi-select.component.html

@@ -24,7 +24,7 @@
     </ul>
     <ul class="item2" [style.maxHeight]="_settings.maxHeight+'px'">
       <li *ngFor="let item of _data | multiSelectFilter:filter; let i = index;" (click)="onItemClick($event,item)" class="multiselect-item-checkbox">
-        <input type="checkbox" aria-label="multiselect-item" [checked]="isSelected(item)" [disabled]="disabled || (isLimitSelectionReached() && !isSelected(item)) || item.isDisabled" />
+        <input type="checkbox" [attr.aria-label]="item.text" [checked]="isSelected(item)" [disabled]="disabled || (isLimitSelectionReached() && !isSelected(item)) || item.isDisabled" />
         <div>{{item.text}}</div>
       </li>
       <li class='no-data' *ngIf="_data.length == 0 && !_settings.allowRemoteDataSearch">