Ionic2輸入標籤固定在離子輸入域右邊

Question

嗨我已經試過How to align ion-label to right，但這不是我所需要的。這是我在離子2和Java腳本中的第一個項目，所以我道歉，如果這是一個愚蠢的問題。

我有一個離子列表：`

<ion-list > 

    <ion-item> 
     <ion-label floating>Company Name</ion-label> 
     <ion-input type="text" value="{{this.navParams.data.tenant.name}}"></ion-input> 
    </ion-item> 

    <ion-item> 
     <ion-label floating>Bot name</ion-label> 
     <ion-input type="text" value="{{this.navParams.data.tenant.name}}"></ion-input> 
    </ion-item> 


    <ion-item> 
     <ion-label floating>Bot Url</ion-label> 
     <ion-input type="text" value="{{this.navParams.data.tenant.name}}" text-left></ion-input> 
     <ion-label>mydomain.com</ion-label> 
    </ion-item> 
</ion-list> 

`

我得到的是這樣的：

我要的是：

「.myDomain.com」應該是固定的離子標籤，用戶只能將「奧迪」更改爲另一個。

Answer 1

你只需要設置和秩序類的例子

.label-right{ 
    order: 2 
} 

<ion-list> 
    <ion-item> 
    <ion-label floating>Bot Url</ion-label> 
    <ion-input type="text" value="{{this.navParams.data.tenant.name}}" text-left></ion-input> 
    <ion-label class="label-right">mydomain.com</ion-label> 
</ion-item>