Eu estou tentando usar um Array
num input[type=checkbox]
com Angular 1, porém não obtive sucesso.
angular.module('app', [])
.controller("Ctrl", function ($scope){
$scope.campos = [{nome: "Brasil"}, {nome: "Argentina"}, {nome: "Paraguai"}];
$scope.campos_selecionados = [];
})
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.9/angular.min.js"></script>
<div ng-app="app" ng-controller="Ctrl">
<label ng-repeat="campo in campos">
<input type="checkbox"
ng-true-value="{{ campo }}"
ng-false-value="undefined"
ng-model="campos_selecionados[$index]">
{{ campo.nome }}
</label>
<pre>{{ campos_selecionados | json }}</pre>
</div>
No exemplo acima, o Array
, mesmo quando o checkbox não está selecionado, fica marcado como null
.
Como eu posso fazer para o meu checkbox gerar um Array
com os itens que foram selecionados?