👀 Views: 27 💬 Answers: 1 📅 Created: 2025-09-06

angularjs form dynamic-fields JavaScript

I need help solving I'm stuck on something that should probably be simple. After trying multiple solutions online, I still can't figure this out. I'm facing an issue with resetting a form in AngularJS 1.8 after submitting it. I'm using nested forms with dynamically added fields, and after the form submission, I want to reset everything back to its initial state. However, when I call `$scope.myForm.$setPristine()` and `$scope.myForm.$setUntouched()`, it seems like only part of the form resets, and the dynamically added fields remain populated. Here's a simplified version of my code: ```javascript app.controller('MyController', function($scope) { $scope.dynamicFields = []; $scope.addField = function() { $scope.dynamicFields.push({ value: '' }); }; $scope.submitForm = function() { // Assume form submission logic here console.log('Form submitted:', $scope.dynamicFields); // Reset form $scope.myForm.$setPristine(); $scope.myForm.$setUntouched(); $scope.dynamicFields = []; // This doesn’t seem to clear the form }; }); ``` In my HTML, I have something like this: ```html <form name="myForm" ng-submit="submitForm()"> <div ng-repeat="field in dynamicFields"> <input type="text" ng-model="field.value" required /> </div> <button type="button" ng-click="addField()">Add Field</button> <button type="submit">Submit</button> </form> ``` After clicking the submit button, the console logs show that the form submits correctly, but the fields do not clear out as expected. I even tried using `$scope.dynamicFields.length = 0` and it still doesn’t reset the input fields in the form. The only way I can clear the input fields is by adding a new field afterwards, which isn’t ideal. Is there a better method to ensure that all fields, including dynamically added ones, are reset after form submission? Any insights would be appreciated! I'm working on a application that needs to handle this. What am I doing wrong? For context: I'm using Javascript on Ubuntu. Thanks in advance! This issue appeared after updating to Javascript LTS. I'd be grateful for any help. This is my first time working with Javascript LTS.