[![output image][1]][1]
I am facing an issue on my webpage where input fields are not getting cleared even after clicking the submit button. I have written a code to read data from a JSON file, display it, take input from users, and display it along with the existing data. However, the input fields are not resetting as expected. Here is the code snippet:
<!DOCTYPE html>
<html ng-app="Provider List">
<head>
<meta charset="utf-8">
<title>Provider's List</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="style/style.css">
...
And here is the JavaScript code:
<pre><code> var ProviderList = angular.module('Provider List', []);
ProviderList.controller('Controller', function ($scope, $http){
...
});