3

Estou tentando formar um JSON com o que está selecionado pelo checkbox, porém quando seleciono ele insere, mas quando tento tirar o check, ele insere novamente. O correto seria funcionar dessa maneira, mas formando um array de JSON e não só palavras ou números.

var crud = angular.module('crud',[]);


crud.controller('CadUserController',['$scope', function ($scope) {
	
$scope.dbProfiles = [{"id":1,"nome":"Adminstrador"},{"id":2,"nome":"Tabeliao"},{"id":3,"nome":"Substituto"},{"id":4,"nome":"Escrevente"},{"id":5,"nome":"Caixa"},{"id":6,"nome":"Auxiliar"}];

	  // selected fruits
	  $scope.selection = [];
	  var profiles= [];

	  // toggle selection for a given fruit by name
	  $scope.toggleSelection = function toggleSelection(profileId) {
	    var idx = $scope.selection.indexOf({"idProfile":profileId});
	    // is currently selected
	    if (idx > -1) {
	      $scope.selection.splice(idx, 1);
	    }
	    // is newly selected
	    else {
	      $scope.selection.push({"idProfile":profileId});
	    }
	  };
 }]);
<div ng-app="crud"> 
<div ng-controller="CadUserController" class="col-md-9 form-group">
   <label for="perfil">Perfil</label><br>            

   <span ng-repeat="profile in dbProfiles">
     <input type="checkbox" value="{{profile.id}}" 
            ng-checked="selection.indexOf(profile.id) > -1" 
            ng-click="toggleSelection(profile.id)"> {{profile.nome}}

   </span>
   {{selection|json}}
</div>
  </div>
<script src="resources/js/angular/angular.min.js"></script>

3
  • Você não conseguiu implementar o exemplo que você mesmo postou?
    – durtto
    Commented 10/12/2015 às 18:48
  • Você precisa de um json ou você precisa apenas saber o que foi checkado?
    – durtto
    Commented 10/12/2015 às 18:49
  • eu consegui implementar, porém eu preciso de algo mais completo, inves de [1,2,4] eu preciso de [{"profile":1},{"profile":2},{"profile":3}] Commented 10/12/2015 às 20:16

1 Resposta 1

2

Não entendi muito bem, mas pelo que vi em um comentário você queria algo mais "completo" e não só pegar o [1,2,3].

Veja se esse exemplo que montei pode te ajudar: http://jsfiddle.net/sinkz/HB7LU/21023/


Atualizado

Acho que consegui entender um pouco melhor o problema, caso o exemplo de cima não resolva, tente esse: http://jsfiddle.net/sinkz/HB7LU/21024/

Na função que é chamada no ng-click passa uma String junto com o código do profile: ng-click="toggleSelection('profile: '+profile.id)"

Dessa forma o resultado ficará assim:

inserir a descrição da imagem aqui

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .