Réinitialiser le formulaire après la soumission, angularjs

salut, je veux effacer les valeurs d'un formulaire après le succès de la réalisation. Houw dois-je implemnt

<div ng-controller="employeelistController as listControl">
<div class="container form-group" ng-controller="addEmployee as addemp">
<form name="frmEmployee" ng-submit="Add(addemp.employee) && frmEmpbloyee.$valid">
<div class="col-lg-4 ctrmain">
<div class="row">
<div class="col-lg-6">
<strong>Employee No</strong>
</div>
<div class="col-lg-6">
<input type="number" id="txtEmpId" ng-model="addemp.employee.employeeid" required class="form-control" />
</div>
</div>
<div class="row">
<div class="col-lg-6">
<strong>FirstName</strong>
</div>
<div class="col-lg-6">
<input type="text" id="txtfirstName" ng-model="addemp.employee.firstname" required class="form-control" />
</div>
</div>
<div class="row">
<div class="col-lg-6">
<strong>LastName</strong>
</div>
<div class="col-lg-6">
<input type="text" id="txtlastName" ng-model="addemp.employee.lastname" required class="form-control" />
</div>
</div>
<div class="row">
<div class="col-lg-6">
<strong>Department</strong>
</div>
<div class="col-lg-6">
<input type="text" id="txtDept" ng-model="addemp.employee.department" required class="form-control" />
</div>
</div>
<div class="row">
<div class="col-lg-6">
<strong>DOB</strong>
</div>
<div class="col-lg-6">
<input type="date" id="DTdob" ng-model="addemp.employee.dateofbirth" required class="form-control" />
</div>
</div>
<div class="row">
<input type="submit" id="btnSubmit" class="btn btn-primary value=" save" />
</div>
</div>

qui est la meilleure façon de le mettre en œuvre. J'ai essayé de nombreuses façons. s'il vous plaît aider.

$scope.Add = function (emp,$scope) {
this.EmployeeObject = angular.copy(emp);
employee.push(this.EmployeeObject);
$scope.emp = null;
}

qui est la meilleure façon de le mettre en œuvre. J'ai essayé de nombreuses façons. s'il vous plaît aider.

ne addemp.employé={}
ou, $champ d'application.emp = { }. L'objet que vous liant à ng-model, faire { }
Essayez: emp = undefined;
squiroid la réponse de l'air parfait, si ça ne fonctionne pas, vous avez d'autres questions. Dans le $scope.Ajout d'une fonction pour vous fournir, vous êtes paramètre $champ d'application.emp = null alors que votre modèle est addemp.employé ... alors peut-être vous devriez $champ d'application.addemp.employé = null ou quelque chose.

OriginalL'auteur Aiju Thomas Kurian | 2015-02-02

  1. 4

    Tout d'abord, vous n'avez pas besoin de la portée de l'argument de la fonction Add.

      $scope.Add = function (emp) {     
this.EmployeeObject = angular.copy(emp);
employees.push(this.EmployeeObject);
this.employee=null;
$scope.$setPristine(true);
}
    sa ne fonctionne pas. peut-être que le code est correct, mais pour mon cas, pas de liaison avec le modèle
    Si possible de poster votre code de contrôleur.
    plnkr.co/modifier/5PLQUtB6RyEzACP467Na?p=preview
    Voici la mise à jour plunker:- plnkr.co/modifier/bMyW8zgLKBw1sldxNlDc?p=preview
    Vous avez juste besoin de cela.employé=null; $scope.$setPristine(true); après l'envoi de données I m mise à jour de la réponse à votre question

    OriginalL'auteur squiroid

  2. 0

    J'ai effacé zone de texte avec le code ci-dessous. e.g, j'ai effacé Prénom zone de texte.

    SECTION HTML

    <td ng-show="a">
<input type="text" ng-model="e.FirstName" />
</td>

    SECTION du contrôleur

    e.FirstName= "";

    OriginalL'auteur Nimesh

  3. 0
    var app = angular.module('app', []);
app.controller('MainCtrl', function($scope, $compile) {
'use strict';
function resetform() {
document.getElementById("frmEmployee").reset();
}
$scope.Add = function (emp,$scope) {
this.EmployeeObject = angular.copy(emp);
employee.push(this.EmployeeObject);
resetform();
}
});
    Actuel a accepté de répondre semble répondre à l'OP. Quelle est votre réponse apporte de plus? Aussi, il vous est toujours expliquer le code que vous publiez en tant que réponse.
    Le resetform() la fonction de réinitialisation de la tous les champs du formulaire. Il est en mesure d'accéder au formulaire en utilisant l'identifiant frmEmployee. Cette resetform() est appelée après la soumission des données
    Eh bien, j'avoue que votre solution est différente et fonctionne aussi. Donc, pourriez-vous modifier votre réponse et de cerner le point de la différence. Surtout, l'ajout de texte expliquant votre solution. C'est juste pour améliorer la façon dont vous répondre et n'était pas dans tous les sens, en conservant votre réponse.

    OriginalL'auteur Ck. Mutai