Ionic2 输入标签固定在离子输入字段的右侧答案

【问题标题】：Ionic2 input-label fixed on the right of ion-input fieldIonic2 输入标签固定在离子输入字段的右侧
【发布时间】：2017-11-04 14:39:44
【问题描述】：

您好，我已经尝试过How to align ion-label to right，但这不是我需要的。这是我在 ionic 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”应该是固定的离子标签，用户只能将“Audi”更改为另一个。

【问题讨论】：

标签： html css ionic2 alignment

【解决方案1】：

您只需要像示例一样设置和订购

.label-right{
    订购：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>
</ion-list>

【讨论】：