Question

以下是我的plunker编辑。我能够得到复选框值。现在我试图将这些选中的值传递给http或者在ng-click = deleteSelected函数内。

http://plnkr.co/edit/wsd3oDr3SyQXvO8Fdh5F

任何人都可以帮助我吗？

Answer 1

现在您已将值绑定到$scope.checked-messages，您不能只在点击处理程序中使用$scope：

HTML：

<button id="btn-call" type="button" class="btn btn-danger" ng-click="callTheServer()">Call The Server</button>

JS（控制器）：

app.controller('MainController', function($scope) {

  $scope.checked_messages = [];

  $scope.callTheServer = function() {

    console.log($scope.checked_messages);
  }
});

这是updated plunker。

Answer 2

您应该将表单包装在标记中，并将您的按钮声明为此类提交类型

<form ng-submit="deleteElements()">
  //checkboxes stuff
  <button id="btn-delete" type="submit" class="btn btn-danger">Delete</button>
</form>

现在在您的控制器中声明您的deleteElements函数：

$scope.deleteElements = function(){
    console.log(this.checked_messages);
}

Davin的答案很好，但我尽量避免在可能的情况下将所有内容绑定到范围内。

如何在提交按钮上为所有复选框值传递Angular JSON值

2 个答案: