Angularjs передать значение флажка ng-repeat undefined - PullRequest
Новая
       5

Angularjs передать значение флажка ng-repeat undefined

0 голосов
/ 27 декабря 2018

Этот вопрос уже задавался, но это не решило мою проблему.

Я пытаюсь передать значение checkbox в контроллер , но я получил сообщение undefined.Я новичок в Angularjs.

Это мой HTML код: 

<form class="form-horizontal" name="addForm" novalidate ng-submit="addData(addForm)">
    <div class="form-group">
        <div class="col-sm-3" ng-repeat="directories in formData.getMainDirectories">
            <input type="checkbox" ng-model="directories.main_directories_id.selected" value="{{directories.id}}"><span>  {{directories.name}}</span>
        </div>
    </div>
    <button type="submit" class="btn btn-primary btn-md" button-spinner="loading" ng-disabled="loading">Submit</button>
</form>

Мой .js код: 

$scope.addData = function(form)
{
    $scope.errors = [];
    alert(form.main_directories_id); // alert here
    if(form.$valid)
    {
        $rootScope.loading = true;

        webServices.upload('create', $scope.formData).then(function(getData) {
            $rootScope.loading = false;
            if (getData.status == 200) {
                $sessionStorage.successmessage = getData.data.message;
                localStorage.directory = '';
                $scope.goback();
            } else if (getData.status == 401) {
                $scope.errors = utility.getError(getData.data.message);
                $scope.showerrors();
            } else {
                $rootScope.$emit("showerror", getData);
            }
        });
    }
}

$scope.getMainDirectories = function()
    {
        webServices.get('getMainDirectories').then(function(getData) 
        {
            $rootScope.loading = false;
            if (getData.status == 200) 
            {
                $scope.formData.getMainDirectories = getData.data;
            } else {
                $rootScope.$emit("showerror", getData);
            }
            //console.log(getData.data);
        });
    }

Изображение: enter image description here

1 Ответ

0 голосов
/ 27 декабря 2018

Наконец-то я получил решения 

$scope.addData = function(form)
{
    $scope.errors = [];

    for (var i = 0; i < $scope.formData.getMainDirectories.length; i++) {
        if ($scope.formData.getMainDirectories[i].Selected) 
        {
            $scope.formData.main_directories_id.push($scope.formData.getMainDirectories[i].id);
        }
    }

    //console.log($scope.formData.main_directories_id);

    if(form.$valid)
    {
        $rootScope.loading = true;
        webServices.upload('create', $scope.formData).then(function(getData) {
            $rootScope.loading = false;
            if (getData.status == 200) 
            {
                $sessionStorage.successmessage = getData.data.message;
                localStorage.directory = '';
                $scope.goback();
            } else if (getData.status == 401) {
                $scope.errors = utility.getError(getData.data.message);
                $scope.showerrors();
            } else {
                $rootScope.$emit("showerror", getData);
            }
        });
    }
}

HTML: 

<div class="form-group">
    <div class="col-sm-3" ng-repeat="directories in formData.getMainDirectories">
       <input type="checkbox" ng-model="directories.Selected" /><span>  {{directories.name}}</span>
    </div>
</div>
...