vid-webpack-master/src/app/shared/components/formControls/component/multiselect/multiselect.formControl.component.html

   1 <div class="details-item" *ngIf="data != null && form != null">
   2   <label [ngClass]="{'required': data.isRequired()}"
   3          for="{{data?.dataTestId}}-select">{{data?.displayName}}:</label>
   4
   5   <angular2-multiselect
   6     [attr.data-tests-id]="data?.dataTestId"
   7     [data]="options"
   8     [(ngModel)]="selectedItems"
   9     [settings]="dropdownSettings"
  10     (onSelect)="onItemSelect($event)"
  11     (onDeSelect)="OnItemDeSelect($event)"
  12     (onSelectAll)="onSelectAll($event)"
  13     (onDeSelectAll)="onDeSelectAll($event)">>
  14     <c-item>
  15       <ng-template let-item="item">
  16         <label
  17           [attr.data-tests-id]="data.dataTestId + '-' + item?.itemName"
  18           style="color: #333;min-width: 150px;">{{item?.itemName}}</label>
  19       </ng-template>
  20     </c-item>
  21   </angular2-multiselect>
  22
  23
  24   <form-control-error *ngIf="data?.hasEmptyOptions && data?.isRequired()"
  25                       [message]="'No results for this request. Please change criteria.'"></form-control-error>
  26 </div>