Question

我是棱角分明的新手。我有一个带表格的复选框。

<td><input type="checkbox" ng-if="report.attributes.message.length > 0" ng-bind="report.attributes.message" ng-click="getcheckedData(report.attributes.message)">{{ report.attributes.message }}</td>

在这里，我有一个方法getcheckedData()。所以，在那个方法中

   var messages = [];

   $scope.getcheckedData = function(SelectedVal) {     
       $("input:checkbox[type=checkbox]:checked").each(function() {
          if ($.inArray(SelectedVal , messages) === -1){
                messages.push(SelectedVal);
           }
        });
         return messages;
  };

我有一个我全局声明的数组。为此，我想将所选复选框表数据的值带入该数组。我可以在array中获得该值。因此，当用户取消选中时，未选中的值也应从array中删除。那么，当用户检查时，我已经给出了一个按钮，我将所有已检查的消息发送到后端。因此，当我取消选中并按下按钮时，所有消息仍保留在阵列中。

    $scope.sendAllMessages = function() {      
      uploadService.SendMessagesToQueue(uploadService.currentFileName,$scope.documentType,messages)
     .then(function () {
        }, function (error) {
         $scope.errorMessage = error.status + " : " + error.statusText;
         toastr.error($scope.errorMessage, 'Error : ' + error.status);
         if (error.status === 401) {
             loginService.authenticationError();
         }
       })
       .finally(function () {

        });
     };

按钮 -

<button type="submit" ng-click = "sendAllMessages()" class="button-size btn btn-primary">Send  </button>

那么，我该如何解决这个问题？

Answer 1

你所做的是而不是实现你需要的有条理的方式。

但如果你需要以与你相同的方式做，那么你应该做的改变。

如果未选中该值，则应使用messages.splice(index, 1);

删除数组中的值

以下是您的更改代码，没有ng-model（不推荐）

var messages = [];

   $scope.getcheckedData = function(SelectedVal) {     

          if ($.inArray(SelectedVal , messages) === -1){
                messages.push(SelectedVal);
           }
           else
           {
           var index = messages.indexOf(SelectedVal)
           messages.splice(index, 1);
           }

         return messages;
  };

要以有角度的方式实现它，您需要使用ng-model

以下是使用Angular的示例

var app = angular.module('app', []);

function Ctrl($scope) {
   
    $scope.messages = {
      
    };

    $scope.reports = [ { "name": "Sport", "id": "50d5ad" } , {"name": "General", "id": "678ffr" } ];
    
}

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-controller="Ctrl" ng-app="app">
    <span ng-repeat="report in reports">
      <label class="checkbox" for="{{report.id}}">
        <input type="checkbox" ng-model="messages[report.id]" name="group" id="{{report.id}}" />
        {{report.name}}
      </label>
    </span>
    <pre ng-bind="messages | json"></pre>    
</div>

从数组角度js中删除未经检查的值

1 个答案: