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

Question

我正在使用角度材料设计。这是我在 HTML 中输入浮动标签的代码。

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

谁能帮我解决这个问题？

Answer 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 上方。所以，应该没问题。

Answer 2

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

例子

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

真实图像：