在离子导航条中右对齐离子选择

Question

在现有代码中，离子选择接近

的末尾。我想将离子选择放在离子导航条的最右边位置。

home.html的

<ion-header  >
<ion-navbar  align-title="left" >
  <button  ion-button menuToggle>
    <ion-icon name="menu"></ion-icon>
  </button>

 <ion-row>
    <div>
      <p style="color:white;">CoolManz!!</p>
    </div>
      <div >
          <ion-item >
                    <ion-label>Gender</ion-label>
                    <ion-select [(ngModel)]="gender">
                      <ion-option value="f">Female</ion-option>
                      <ion-option value="m">Male</ion-option>
                    </ion-select>
            </ion-item>
        </div>
  </ion-row>
</ion-navbar>
</ion-header>

Answer 1

这适用于Ionic 3 +

<ion-header>
<ion-navbar>
  <button ion-button menuToggle>
    <ion-icon name="menu"></ion-icon>
  </button>

 <ion-row>
    <ion-title>Jobs</ion-title>
     <ion-select [(ngModel)]="gender">
          <ion-option value="f">Female</ion-option>
          <ion-option value="m">Male</ion-option>
      </ion-select>
  </ion-row>
</ion-navbar>
</ion-header>