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>