Ionic2输入标签固定在离子输入字段的右侧 [英] Ionic2 input-label fixed on the right of ion-input field

问题描述

我已经尝试过

我想要什么是：

。myDomain.com应该是固定的离子标签，用户只能将 Audi更改为另一个。

解决方案

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

 .label-right {
订单：2 
} 
 

 < ion-list> 
< ion-item> 
< ion-label float> 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> 
  

Hi I already tried How to align ion-label to right, but this is not what I need. It is my first project in ionic 2 and java script, so i apologized if it is a stupid question.

I have a ion list:`

<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>

`

What I got is this:

What I want is:

".myDomain.com" should be a ion-label fixed the user can only change "Audi" to another.

解决方案

You just need to set and order like the example

.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>
</ion-list>

这篇关于Ionic2输入标签固定在离子输入字段的右侧的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！