Two ion-select in one row

Ionic Framework ionic-v3
1

how can have two ion-select in one row ?

Like This image

my html code:

			
<div *ngIf="detail.type=='variable'">
	<div *ngFor="let attr of detail.attributes | filter:{variation:true}">
		<!-- Color -->
		<div *ngIf="(attr.name|uppercase)=='COLOR'" class="attribute-color">
			<div text-uppercase>
				<b dark>{{attr.name}}</b>
			</div>
			<ion-list mode="md" overflow radio-group [(ngModel)]="attributes[attr.name].option" (ngModelChange)="getVariation()">
				<ion-item float-left margin-right *ngFor="let option of attr.options" no-padding>
					<ion-radio [value]="(option|lowercase)" [style.background]="option"></ion-radio>
				</ion-item>
			</ion-list>
		</div>
		<!-- Size or Orther -->
		<div *ngIf="(attr.name|uppercase)!='COLOR'" [ngClass]="(attr.name|uppercase)=='SIZE' ? 'attribute-size':'attribute-default'">
			<div text-uppercase>
				<b dark>{{attr.name}}</b>
			</div>
			<ion-item>
				<ion-select [(ngModel)]="attributes[attr.name].option" (ionChange)="getVariation()">
					<ion-option *ngFor="let option of attr.options" [value]="(option|lowercase)">{{option}}</ion-option>
				</ion-select>
			</ion-item>
		</div>
	</div>
</div>

please edit my code for two ion-select in on row, i cant do it.

2

@adelmis you should make 2 different *ngif at the basics of the code, it will save you tons of code =)

1 Like