<div class="ion-autocomplete-container {{viewModel.randomCssClass}} modal" style="display: none;" id="temp-autocomplete">
     <div class="bar bar-header item-input-inset">
     <label class="item-input-wrapper">
          <i class="icon ion-search placeholder-icon"></i>
          <input type="search" class="ion-autocomplete-search" ng-model="viewModel.searchQuery" placeholder="{{viewModel.placeholder}}"/>
     </label>
     <div class="ion-autocomplete-loading-icon" ng-if="viewModel.showLoadingIcon && viewModel.loadingIcon">
          <ion-spinner icon="{{viewModel.loadingIcon}}"></ion-spinner>
     </div>
          <button class="ion-autocomplete-cancel button button-clear" style="color:grey" ng-click="viewModel.cancelClick()">{{viewModel.cancelLabel}}</button>
     </div>
     <ion-content class="has-header">
          <ion-item class="item-divider">{{viewModel.selectedItemsLabel}}</ion-item>
          <ion-item ng-if="viewModel.isArray(viewModel.selectedItems)" ng-repeat="selectedItem in viewModel.selectedItems track by $index" class="item-icon-left item-icon-right item-text-wrap">
               <i class="icon ion-checkmark"></i>
                    {{viewModel.getItemValue(selectedItem, viewModel.itemViewValueKey)}}
               <i class="icon ion-trash-a" style="cursor:pointer" ng-click="viewModel.removeItem($index)"></i>
          </ion-item>
          <ion-item ng-if="!viewModel.isArray(viewModel.selectedItems)" class="item-icon-left item-icon-right item-text-wrap">
               <i class="icon ion-checkmark"></i>
                    {{viewModel.getItemValue(viewModel.selectedItems, viewModel.itemViewValueKey)}}
               <i class="icon ion-trash-a" style="cursor:pointer" ng-click="viewModel.removeItem(0)"></i>
          </ion-item>
          <ion-item class="item-divider" ng-if="viewModel.searchItems.length > 0">{{viewModel.selectItemsLabel}}</ion-item>
          <ion-item ng-repeat="item in viewModel.searchItems track by $index" item-height="55px" item-width="100%" ng-click="viewModel.selectItem(item)" class="item-text-wrap">
               {{viewModel.getItemValue(item, viewModel.itemViewValueKey)}}
          </ion-item>
          <ion-item item-height="55px" item-width="100%" class="item-text-wrap none-result" style="display: none">
              <p style="color: red;">No matching search results found.</p>
          </ion-item>
     </ion-content>
</div>