paperless-ngx/src-ui/src/app/components/common/input/select/select.component.html

<div class="form-group paperless-input-select">
  <label [for]="inputId">{{title}}</label>
  <div>
    <ng-select *ngIf="allowCreateNew; else noAddTag" name="inputId" [(ngModel)]="value"
      [disabled]="disabled"
      [style.color]="textColor"
      [style.background]="backgroundColor"
      [clearable]="allowNull"
      [items]="items"
      [addTag]="addItemRef"
      bindLabel="name"
      bindValue="id"
      (blur)="onTouched()">
    </ng-select>
    <ng-template #noAddTag>
      <ng-select name="inputId" [(ngModel)]="value"
        [disabled]="disabled"
        [style.color]="textColor"
        [style.background]="backgroundColor"
        [clearable]="allowNull"
        [items]="items"
        bindLabel="name"
        bindValue="id"
        (blur)="onTouched()">
      </ng-select>
    </ng-template>
  </div>
  <small *ngIf="hint" class="form-text text-muted">{{hint}}</small>
  <small *ngIf="getSuggestions().length > 0">
    <span i18n>Suggestions:</span>&nbsp;
    <ng-container *ngFor="let s of getSuggestions()">
      <a (click)="value = s.id; onChange(value)" [routerLink]="">{{s.name}}</a>&nbsp;
    </ng-container>


  </small>
</div>