Сброс формы после отправки в Angularjs

Привет У меня есть форма, которая обновляется при нажатии кнопки.

 $scope.action = "Update";
  var id = $routeParams.editId;
  scope.item = updateRecord.get({ id: id });

После обновления элемента он не удаляет введенную информацию в поля формы. Мне было интересно, что доступно в angularjs, чтобы добавить в вышеприведенный код после udpating, чтобы он также очищался. Спасибо

Ответ 1

Вы можете reset создать форму $scope.formName.$setPristine();, но если вы привязываете объект модели к своим входам, вам необходимо также очистить их, то есть:

$scope.currentRecord={};

Ответ 2

В нижней части вашего тела функции отправки выполните этот код ниже.

// Reset the form model.
vm.project = {};
// Set back to pristine.
vm.form.$setPristine();
// Since Angular 1.3, set back to untouched state.
vm.form.$setUntouched();

"vm.form" - это мое имя формы.

Для получения дополнительной информации см. эту страницу документов: https://docs.angularjs.org/api/ng/type/form.FormController

Ответ 3

Это сработало для меня.

viewModel.data = {};
$scope.formName.$setUntouched();
$scope.formName.$setPristine();

Ответ 4

Я не задаю вопрос, но, возможно, вы можете очистить форму в компоненте HTML:

Функция: ngSubmit(), отправьте данные. taskName - это имя поля, также taskBody.

<form (ngSubmit)="onSubmit(taskName.value, taskBody.value); taskName.value=''; taskBody.value=''" #taskForm="ngForm">

Ответ 5

1) Чтобы удалить значения в полях Form и reset, вы можете использовать $setPristine();

$scope.formName.$setPristine();

2) Затем, чтобы установить форму в Untouched State, используйте $setUntouched();

(Если у вас есть обязательные поля в вашей форме Поля, а также если вы используете ng-messages, то, если вы не используете функцию ниже, эти поля будут показывать ошибка.)

$scope.formName.$setUntouched();