Как запретить привязанный атрибут модели ng заполнять поле ввода

Question

Как запретить привязанный атрибут модели ng заполнять поле ввода

0

Мой проект имеет форму с полем ввода и кнопкой.

<input id="inputID" form="IDForm" type="text" autocomplete="off" data-ng-model="User.getInfo().ID" placeholder="Enter ID">

<button form="IDForm" type="submit" class="forward-button" ng-if="User.getID()"  data-ng-click="sendID()">
  Verify ID
</button>

В настоящее время ng-if делает кнопку не отображаться, пока пользователь не вводит идентификатор. Когда они вводят идентификатор и нажмите "Проверить идентификатор", они переходят на следующую страницу. Однако, если они вернутся с этой страницы, то поле ввода автоматически заполняется идентификатором, который они ранее ввели, из-за привязки двухсторонней привязки ng-модели. Есть ли способ предотвратить автоматическое заполнение поля ввода этим атрибутом привязки при загрузке страницы?

jsbuechler 01 июнь 2016, в 14:12

Источник

0

Вам нужно использовать localStorage для этого.
Niketan Raval 01 июнь 2016, в 12:06
0

Есть ли шанс, что вы могли бы предоставить немного больше деталей?
jsbuechler 01 июнь 2016, в 12:10
1

ngIf функций внутри таких вещей, как ngIf , ngModel т. Д., Является плохой практикой, angular будет запускать эти функции снова и снова в каждом цикле дайджеста. Вы должны привязать представление к свойствам контроллера, а не к функциям
Alon Eitan 01 июнь 2016, в 12:10
0

Решение с помощью jQuery: ссылка
sachin chavda 01 июнь 2016, в 12:15

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

Теги:

javascript

jquery

html

angularjs

1 ответ

Ещё вопросы

Вам нужно использовать localStorage для этого.
Есть ли шанс, что вы могли бы предоставить немного больше деталей?
ngIf функций внутри таких вещей, как ngIf , ngModel т. Д., Является плохой практикой, angular будет запускать эти функции снова и снова в каждом цикле дайджеста. Вы должны привязать представление к свойствам контроллера, а не к функциям

Thalaivar · Answer 1 · 2016-06-01T10-16-00.000Z

Когда кнопка включена, установите текущую форму в нетронутое состояние, $scope.form.$setPristine(); который будет гарантировать, что даже когда вы нажмете назад, значения формы не будут populated и будут находиться в initial state.