javascript - 将参数传递给 ng-submit 并重置输入字段

Question

i have little modified this question which already exist
    <form ng-submit="add()">
      <input type="text" name="field">
      <input type="submit" value="Submit">
   </form>

我想将 input[name="field"] 值作为 add() 的参数。 有什么办法吗？

问题的答案

HTML:

    <div ng-controller="MyFormController">
      <form ng-submit="add(field)">
        <input type="text" name="field" ng-model="field" />
        <input type="submit" value="Submit" />
     </form>
   </div>

JS:

app.controller('MyFormController', ['$scope', function(scope) {
   scope.add = function(field) { // <-- here is you value from the input 
     // ...
   };
}]);

我的问题是

在这种情况下，如何在表单提交后将输入字段重置为空

Answer 1

您的 HTML 应该是这样的:

 <div ng-controller="MyFormController">
      <form ng-submit="add()">
        <input type="text" name="field" ng-model="fieldname" />
        <input type="submit" value="Submit" />
     </form>
   </div>

你的 JS 字段应该是这样的:

app.controller("MyFormController", function($scope) {
  $scope.add = function () {
      var hi=$scope.fieldname;//you can use it parametre
  }
});