Advertisement
MastroPino

ng-select

Nov 2nd, 2022
72
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 1.38 KB | None | 0 0
  1. <div class="form-group">
  2. <ng-select class="form-select floating-labels" [class.is-invalid]="validate && !selectedAgency"
  3. placeholder="Agenzia" [ngModelOptions]="{standalone: true}" [searchFn]="customAgencySearchFn" [virtualScroll]="true" [items]="childAgencies" [(ngModel)]="selectedAgency">
  4. <ng-template ng-option-tmp let-item="item">
  5. <address class="d-flex flex-column gap-1 lh-base py-2 m-0">
  6. <span class="d-flex align-items-center gap-2 mb-1">
  7. <strong>{{item.agencyName}}</strong>
  8. <span class="text-muted">{{item.externalAgencyId}}</span>
  9. </span>
  10. <span class="text-muted">{{item.address}}</span>
  11. <small>P.IVA: {{item.pIva}}</small>
  12. </address>
  13. </ng-template>
  14. <ng-template ng-label-tmp let-item="item">
  15. <address class="d-flex align-items-center flex-row gap-2 lh-base m-0">
  16. <strong>{{item.agencyName}}</strong>
  17. <small class="text-muted">{{item.externalAgencyId}}</small>
  18. <small class="text-muted">{{item.address}}</small>
  19. <small>P.IVA: {{item.pIva}}</small>
  20. </address>
  21. </ng-template>
  22. </ng-select>
  23. <span class="form-text text-danger" *ngIf="validate && !selectedAgency">Non รจ stata selezionata alcuna agenzia</span>
  24. </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement