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>