如何在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是一个块元素，我相信Change Number？正在进入新的界限。现在，我们将它移到了div之上。所以，它应该没问题。

Answer 2

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

实施例

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

真实形象：