javascript - 如何在 JSON 数组中发布数据

Question

"type_of_advertisement":["ATM","Banner/Poster","Stalls"]

html代码是

    input(type='checkbox', value='Mobile/Communication Tower', ng-model='type_of_advertisement')
                | Mobile/Communication Tower
              label.checkbox-inline
                input(type='checkbox', value='Banner/Poster', ng-model='type_of_advertisement')
                | Banner/Poster
              label.checkbox-inline
                input(type='checkbox', value='Hoarding Board', ng-model='type_of_advertisement')
                | Hoarding Board
              label.checkbox-inline
                input(type='checkbox', value='Stalls', ng-model='type_of_advertisement')
                | Stalls
              label.checkbox-inline
                input(type='checkbox', value='Digital Offline Marketing', ng-model='type_of_advertisement')
                | Digital Offline Marketing
              label.checkbox-inline
                input(type='checkbox', value='Area for Product Display', ng-model='type_of_advertisement')
                | Area for Product Display

Angular 代码是

type_of_advertisement:[$scope.type_of_advertisement]

出现的问题是当我点击一个复选框时，所有复选框都会自动选择。 并获取 api 响应，例如

"type_of_advertisement":["true"]

那么我可以编写什么代码才能获得所需的 api 结果。

Answer 1

我会通过像这样的数组来解决它:

$scope.rows = [{
    value: "Mobile/Communication Tower"
  }, {
    value: "Banner/Poster"
  }, {
    value: "Hoarding Board"
  }, {
    value: "Stalls"
  }];

和 HTML(在 ng-repeat 内):

<input type="checkbox" ng-model="row.selected" />{{row.value}}</label>

现在，在调用 API 之前，您可以重组数组，如下所示:

$scope.submit = function() {
    $scope.selectedRows = $scope.rows.reduce(function(arr, val) {
        if(val.selected) arr.push(val.value)
      return arr
    }, []);
  };

要让 $scope.selectedRows 成为这样的数组:

[
  "Banner/Poster",
  "Hoarding Board"
]

working example