Установить атрибут максимальной длины ввода html5 с AngularJS

Question

Установить атрибут максимальной длины ввода html5 с AngularJS

0

Я хочу установить максимальную длину ввода через AngularJS, и когда пользователь достиг максимальных символов, тогда никакие новые символы не должны быть добавлены на вход.

У меня есть вход, который selecteddata.Type.Value ng- selecteddata.Type.Value

Максимальное значение символа сохраняется в selecteddata.Type.MaxLength

Я добавил атрибут html5 maxlength, как показано ниже:

<input type="text" ng-model="selecteddata.Type.Value" maxlength="{{selecteddata.Type.MaxLength}}" />

Это работает так, как я хочу, когда пользователь достигает максимальных символов, невозможно добавить новое, но не устанавливает выбранный файл.Type.Value..

Почему это не работает? Есть ли способ AngularJS сделать это? Я читал о ngMaxlength, но он не ведет себя так, как я хочу. Нужно ли мне написать специальную директиву для выполнения этой работы? Какие-либо предложения?

Marcus Höglund 07 июнь 2016, в 16:12

Источник

0

Директива, которая делает это stackoverflow.com/questions/17075969/…
the scion 07 июнь 2016, в 14:13
0

ngMaxlength docs.angularjs.org/api/ng/directive/ngMaxlength
Max Sorin 07 июнь 2016, в 14:14
0

Ваш пример сам по себе, кажется, работает в этой скрипке. jsfiddle.net/U3pVM/25383 , Можете ли вы сообщить нам, как вы проверяете selecteddata.Type.Value, если он установлен или нет?
Don 07 июнь 2016, в 14:22
0

@Don Дон Thx, я вижу, что это работает в вашем примере. Я обновлю свой ответ как можно скорее с полным шаблоном.
Marcus Höglund 07 июнь 2016, в 15:33
0

@Don Ты прав! это работает как есть. SelectedData обновляется правильно, и ошибка появляется в моей сериализации JSON. Если вы отправите скрипку в качестве ответа, я приму ее. Большое спасибо за ваше время
Marcus Höglund 08 июнь 2016, в 05:36
0

Я добавил свой ответ. Благодарю.
Don 08 июнь 2016, в 13:41

Показать ещё 4 комментария

Теги:

angularjs

html5

3 ответа

0

<input type="text" data-ng-model="selecteddata.Type.Value" data-ng-maxlength="selecteddata.Type.MaxLength" />

Приложите ng- ко всем угловым директивам.

Shintu Joseph 07 июнь 2016, в 13:16

1

Я знаю, как я писал в вопросе, что ngMaxLength существует, но он не ведет себя так, как я хочу. Я хочу блокировать символы при достижении максимального значения, которое не делает ngMaxLength
Marcus Höglund 07 июнь 2016, в 14:23

0

вы можете использовать атрибут по умолчанию AngularJS, ng-maxlength

    <input type="text" ng-model="model" id="input" name="input" ng-maxlength="maxlength" />

Попробуйте этот PLNKR: https://plnkr.co/edit/6ztQAixx9KkHBO4a3qD3?p=preview

Jagan C 07 июнь 2016, в 12:59

Ещё вопросы

Директива, которая делает это stackoverflow.com/questions/17075969/…
Ваш пример сам по себе, кажется, работает в этой скрипке. jsfiddle.net/U3pVM/25383 , Можете ли вы сообщить нам, как вы проверяете selecteddata.Type.Value, если он установлен или нет?
@Don Дон Thx, я вижу, что это работает в вашем примере. Я обновлю свой ответ как можно скорее с полным шаблоном.
@Don Ты прав! это работает как есть. SelectedData обновляется правильно, и ошибка появляется в моей сериализации JSON. Если вы отправите скрипку в качестве ответа, я приму ее. Большое спасибо за ваше время
Я знаю, как я писал в вопросе, что ngMaxLength существует, но он не ведет себя так, как я хочу. Я хочу блокировать символы при достижении максимального значения, которое не делает ngMaxLength

Don · Accepted Answer · 2016-06-08T12-24-00.000Z

Скрипка для моей версии: https://jsfiddle.net/U3pVM/25383/

  <div ng-app>
      <div ng-controller="TodoCtrl">
       <input type="text" ng-model="selecteddata.Type.Value" maxlength="{{selecteddata.Type.MaxLength}}" />

      selecteddata.Type.Value-{{selecteddata.Type.Value}}
      </div>
    </div>

function TodoCtrl($scope) {
  $scope.selecteddata={
    'Type':{
      'MaxLength':5
    }
  }
}