如何在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材質設計中對齊文本

回答

相關問題