功能请求:能够在表单上右对齐输入(文本/数字),这样如果它也有切换,表单看起来会更好
想要一个属性 - 例如 item-right ,用于离子输入
重现步骤:
在表单中有一个切换 - 出现在右侧,左侧有标签
<ion-row>
<ion-col>
<ion-item no-lines>
<ion-label secondary>Published</ion-label>
<ion-toggle [(ngModel)]="published" toggle></ion-toggle>
</ion-item>
</ion-col>
</ion-row>
但是如果你做这样的事情
<ion-row>
<ion-col>
<ion-item no-lines>
<ion-label>City</ion-label>
<ion-input [(ngModel)]="city" ngControl="city"
maxlength="10"
type="text"></ion-input>
</ion-item>
</ion-col>
</ion-row>
然后输入出现在标签的右侧。
我希望添加 item-right 以将输入与右手边缘右对齐
<ion-row>
<ion-col>
<ion-item no-lines>
<ion-label secondary>City</ion-label>
<ion-input item-right [(ngModel)]="city" ngControl="city"
maxlength="10"
type="text"></ion-input>
</ion-item>
</ion-col>
</ion-row>
离子版本:1.x / 2.x
2
浏览器和操作系统:iOS / Android / Chrome
Chrome(开发中)
那么您希望输入文本向右对齐吗? 也许你有一张你要找的东西的照片?
您可以使用ion-input
上的text-right
属性来正确对齐文本,但是在执行此操作时似乎存在一些 UI 填充问题:
是的 - 这很好(并且使用 padding-right 进行必要的填充)。 尝试过各种方法,但没有尝试过:)
有点混乱 - 默认情况下切换到右侧,其他组件或直接文本需要 item-right,并且输入需要 text-right 和 padding
以一种一致的方式(或一种方式,并作为特殊情况切换)可能会很好
谢谢!
最有用的评论
那么您希望输入文本向右对齐吗? 也许你有一张你要找的东西的照片?
您可以使用
ion-input
上的text-right
属性来正确对齐文本,但是在执行此操作时似乎存在一些 UI 填充问题: