javascript - Angular js中点击刷新按钮时无法清除详细信息？

Question

我正在尝试制作一个表格，其中包含联系电话、姓名和电子邮件地址等基本输入。这个想法是为了刷新当用户单击刷新按钮时“返回新表单”。下面提到的是我的要求

最初，当代码第一次执行时..页面加载时会采用范围中的默认值。一旦我单击刷新按钮，表单就会变成新鲜的。但是，表单无法加载最初执行时范围内的默认值。

下面发布的是我的代码

 <div ng-app="ang2" ng-controller="form_controller">
 <form name="registration" novalidate>
 Name:<input type = "text" ng-model="name" name="name" required>
 Contact:<input type = "text" ng-model="contact" name="contact"required>
 Email-address: <input type = "text" ng-model="emailid"   
 name="emailid"required>
 <button ng-click="refresh()">Refresh</button>
 </form>
 </div>
 <script>
  var ang2=angular.module("ang2",[]);
   ang2.controller('form_controller',function($scope){
   $scope.name='rishi';
   $scope.contact='4437577391';
   $scope.emailid='rishanthkanakadri@gmail.com';

   $scope.refresh=function(){

   $scope.name='';
   $scope.contact='';
   $scope.emailid='';
   }
  var stu= $scope.refresh();
  return stu;
   });
 </script>

Answer 1

在这一行:

var stu= $scope.refresh();

您正在使用括号调用 $scope.refresh，从而清除您的表单。

应该是:

var stu= $scope.refresh;

虽然我不确定你用 Stu 做什么。