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
  }
});

Answer 2

在谷歌搜索两天后，我发现了我的解决方案

为输入字段指定一个id，例如'clearfield'，然后添加以下

.success函数之后的

语句

angular.element（ '＃Clearfield的'）VAL（ ''）。

Answer 3

您不需要将此作为参数传递。由于您的输入中包含ng-model="field"，因此这是一个$scope变量，可以在您的函数中访问

app.controller('MyFormController', ['$scope', function(scope) {
   $scope.add = function() { 
     // your code here
     $scope.field = ''; // reset field to an empty string
   };
}]);

将参数传递给ng-submit和reset输入字段

3 个答案: