Question

我是angularjs / ionic的新手，我尝试创建一个离子应用程序，将产品的ID发布到网络服务器。我必须在一个页面上显示多个<form>复选框（..和其他类型，如select）。当我提交第一个表单时，一切都按预期工作。但是当我尝试提交第二个表单时，范围包含来自第一个表单和第二个表单的值。当我提交一个空表格时，它也会提交第一个表格中的值。有没有办法去清洁＆＃34;每次提交后的范围？我怎样才能确保提交按钮只能从自己的表单中提交值？

这是<form>：

<form ng-submit="addCartFive()" name="type5_{{item.ID}}">
  <div class="row">
    <div class="col col-80"><strong>{{item['name']}}</strong> <br/>
                               {{item['description']}}
    </div>
  </div>
  <div ng-repeat="variant in item.variants">
    <ion-list ng-repeat="detail in variant.details">
        <ion-checkbox name="sub-{{$index}}" ng-true-value="{{detail.ID}}" ng-model="formDataObjFive[$index][detail.ID]">
        {{detail.name}} <span class="right">+ {{detail.price}}</span>
      </ion-checkbox>
    </ion-list>
  </div>
  <div class="row">
      <button type="submit" ng-click="setValueFive(formDataObjFive)">order</button>
  </div>
</form>

这是我的控制器的相关部分：

  $scope.setValueFive = function(a1) {
    $scope.formDataObjFive = a1;
  };

  $scope.addCartFive = function () {
    console.log($scope.formDataObjFive);
    CartService.save($scope.formDataObjFive) // send the values to factory wich posts to server
  };

带有ng-repeat的多个复选框表单

0 个答案: