Ionic2输入标签固定在离子输入字段的右侧 [英] Ionic2 input-label fixed on the right of ion-input field
本文介绍了Ionic2输入标签固定在离子输入字段的右侧的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我已经尝试过
我想要什么是:
。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屋!
查看全文