I'm having trouble adding more than one ion-radio to a template.
I have a screen with an ion-radio that is working accordingly. But I need to add a few more and I'm having trouble.
When I dial the first radio option marking, it works accordingly. But if I check one option from the other radio, it is unchecking the selection of the other, What do I do to solve?
Here are the codes I'm using:
<ion-radio
ng-repeat="report in config.relatorios"
ng-value="report.value"
ng-model="config.selecao.relatorio">
{{report.name}}
</ion-radio>
<ion-radio
ng-repeat="menu in config.menu"
ng-value="menu.value"
ng-model="config.selecao.menu">
{{menu.name}}
</ion-radio>
vm.menu =
[
{ name: 'Grid (Quadrado)', value: 'quadrado' },
{ name: 'Lista', value: 'lista' },
{ name: 'Grid (Circulo)', value: 'circulo' }
];
vm.relatorios =
[
{ name: 'Diário', value: 'diario' },
{ name: 'Mensal', value: 'mensal' }
];
vm.selecao = {
menu: 'lista',
relatorio: 'diario',
};