javascript - 带有表单提交的数组 ng-repeat 复选框

Question

我想检索提交事件上的复选框值。我正在使用 mongodb 数据库。控制台我得到像这样的值轮胎、备件、配件。我已根据输出创建了 View 页面。如果当我单击复选框时，我在控制台中收到错误TypeError:无法分配给“轮胎”的“选定”只读属性。我该如何解决这个问题，请有人帮助我

'use strict';

/**
 * @ngdoc object
 * @name test1.Controllers.Test1Controller
 * @description Test1Controller
 * @requires ng.$scope
 */
angular
    .module('test1')
    .controller('Test1Controller', [
        '$scope', '$http', '$location', '$window',
        function($scope, $http, $location, $window) {

            $http.get('***').success(function(data, status, response) {
                $scope.items = (JSON.stringify(data[0].D_Services).replace(/\"/g, "")).split(',');
                console.log($scope.items);
            });

            $scope.check = function(items) {
                console.log(items);
            };
        }
    ]);

<div ng-controller="Test1Controller" data-ng-init="loadservice()">
    <div ng-repeat="item in items">
        <input type="checkbox" ng-model="item.selected" ng-true-value="'Y'" ng-false-value="'N'" /> {{item}}
    </div>
    <input type="button" name="submit" value="submit" ng-click="check(items)" />
</div>

how can i grab all selected check box values on submit action only

Answer 1

此代码的结果:items.split(',') 是一个范围内不存在的数组，因此它不能是 ng-repeat 指令的可写模型。您应该在您的范围内创建一个数组，如下所示:

$scope.items = (JSON.stringify(data[0].D_Services).replace(/\"/g, "")).split(',');

并在标记中使用此模型

<div ng-repeat="item in items">
    ...
</div>

如果你需要结果作为字符串，你应该在返回之前加入它:

$scope.check = function(items) {
   console.log(items.join(','));
};