argos/dmp-frontend/src/app/ui/misc/external-sources/listing/external-item-listing.component.html

<div class="row">
	<mat-form-field class="col-md-6">
		<mat-select placeholder="{{'TYPES.EXTERNAL-DATASET-TYPE.SOURCES' | translate}}" [(ngModel)]="choice" (selectionChange)="selectionChange($event)" [disabled]="formArray.disabled">
			<mat-option *ngFor="let option of options" [value]="option.key">
				{{ option.label }}
			</mat-option>
		</mat-select>
	</mat-form-field>
	<mat-form-field class="col-md-6">
		<app-single-auto-complete [placeholder]="placeholder" [formControl]="formControl" [configuration]="autoCompleteConfiguration">
		</app-single-auto-complete>
		<mat-hint>{{ 'DATASET-WIZARD.SECOND-STEP.EXTERNAL-HINT' | translate }}</mat-hint>
	</mat-form-field>
	<div class="col-12" *ngIf="formArray">
		<div class="row" *ngFor="let suggestion of formArray['controls']; let i = index">
			<ng-container *ngTemplateOutlet="parentTemplate; context: { $implicit: suggestion, index: i,function: this.deleteItem.bind(this) }">
			</ng-container>
		</div>
	</div>
</div>