Как отключить ввод с клавиатуры после превышения максимальной длины?

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-change = "updateBody ();" нг-требуется = "истина">

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

<div id="characters">

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

Отправить Отмена

Ниже приведено описание моей работы. Пожалуйста, помогите мне с кодом http://plnkr.co/edit/NDGeMcqzpbIqwd8sr5jM

Answer 1

Используемый ng-disabled когда форма недействительна с ng-maxlength, Установите максимальную длину от вашего контроллера.

Максимальная длина:

ng-maxlength="maxlength"

Ng-инвалидов

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

Вот рабочий пример.

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

если вы хотите использовать простое решение maxlength="10"!

Удачи.