vendor-app/src/app/custom-selector/custom-selector.component.html

<div class="selector" [ngStyle]="{'width.px' : 200 }">
	<div class="container" (click)="showDropdown = !showDropdown">
		<div class="selected-value">
			{{ header }}: <span *ngIf="selectedOption"> {{ selectedOption.name }} </span>
		</div>
		<button>
			<i class="icon" [ngClass]="{'ion-md-arrow-dropdown': !showDropdown, 'ion-md-arrow-dropup': showDropdown}"></i>
		</button>
	</div>
	<ul *ngIf="showDropdown">
		<li *ngFor="let option of options" (click)="selectedOption = option; showDropdown = false">
			{{ option.name }}
		</li>
	</ul>
</div>