如何在angularjs材质设计中对齐文本

我正在使用角材设计。这是我用于HTML输入的浮动标签的代码。如何在angularjs材质设计中对齐文本

<h5>LOGIN</h5> 
<md-input-container class="md-block"> 
    <label>Mobile Number</label> 

    <input readonly required="" name="mobileNumber" ng-model="mobile" minlength="10" maxlength="10" ng-pattern="/^[0-9]{10}$/"> 


    <div ng-messages="projectForm.mobileNumber.$error" role="alert"> 
     <div ng-message-exp="['required', 'minlength', 'maxlength', 'pattern']"> 
      Please enter 10 digit mobile number. 
     </div> 
    </div> 
    <md-button ui-sref="ConfirmAccount" class="md-primary" >Change Number?</md-button> 

</md-input-container>

我想改变多少？显示在输入文本的右端，即55555555.

任何人都可以帮助我吗？

来源

2016-03-01 Devesh Agrawal

-1

<input readonly required="" name="mobileNumber" ng-model="mobile" minlength="10" maxlength="10" ng-pattern="/^[0-9]{10}$/"> 
<md-button ui-sref="ConfirmAccount" class="md-primary" >Change Number?</md-button>

由于div是一个块元素，我相信更改数字？正在进入新的一轮。现在，我们已经把它移到了div之上。所以，它应该没问题。

来源

2016-03-01 18:07:54

感谢您的答复。我试过这个。但仍然没有工作。 –

@DeveshAgrawal看到这个小提琴https://jsfiddle.net/nagasandeepbondili/t5991vpf/2/ –

-3

尝试style="text-align:right"：

例

<input ng-model="vm.invline.price" type="text" readonly style="text-align:right">

真实图像：

来源

2016-10-06 00:01:41

如何在angularjs材质设计中对齐文本

回答

相关问题