maxlengthが超過した後でキーボード入力を無効にする方法は？

Question

">

<ion-content> 

    <h3 class="style3"><strong>Message</strong></h3> 

     <form name="form1"> 

      <div class="list"> 

      <label class="item item-input" > 

       <input type="text" placeholder="Enter Number"ng-blur='SendInvit()' ng-model="message.name" name="phone" ng-required="true" /> 

      <span class="error-message" ng-show="form1.phone.$dirty&&form1.phone.$invalid"> </span> 

     </label> 

<input type="text" rows="4" cols="" placeholder="Write Your Message" 

    class="area" name="phone" ng-model="message.description" ng-maxlength= 

"{{maxLengthの}}" NG変化=" updateBody（）;」NG-必要= "true" に>

<span class="error-message" ng-show="form1.phone.$dirty &&form1.phone.$invalid"></span> 

<div id="characters"> 

    <span>Characters left: {{maxLength - message.description.length}}</span> 

送信キャンセル 以下は

私work.Pleaseのplunkerは、フォームが持つ無効な場合ng-disabledを使用したコード http://plnkr.co/edit/NDGeMcqzpbIqwd8sr5jM

Answer 1

で私を助けていますng-maxlength。あなたのコントローラから最大長を設定してください。

最大長：ここ

ng-maxlength="maxlength" 

NG-無効

ng-disabled="form1.phone.$invalid" 

は実施例です。

https://plnkr.co/edit/FC4vXw1311pnMee8d2Lz?p=preview

あなたは簡単な解決策の使用maxlength="10"をしたい場合は！

幸運。