Hi i have to put one toggle item and N radio items in a menu, both items are displayed correctly but i can’t interact with these, when i select toggle or radio nothing happens, no viusal changes happens and the events are not raised.
Another thing: If i put toggle or radio in ion-content, ion-header, footer (outside of menu) it works perfectly.
Here is my code:
HTML
<ion-menu side="end" menuId="first" contentId="main" class="menu-side-item">
<ion-header>
<ion-toolbar color="tertiary">
<ion-title>Configuración</ion-title>
</ion-toolbar>
</ion-header>
<ion-content>
<ion-list>
<!-- I have tried with "enabled" and without "enabled" is the same-->
<ion-item>Notificaciones<ion-toggle enabled (ionChange)="notifyChange($event)"></ion-toggle>
</ion-item>
<ion-item>Credenciales</ion-item>
<ion-radio-group (ionChange)="changedCompany($event)">
<ion-item *ngFor="let data of dataUser.companies">
<img src="{{data.logo}}" alt="company logo" class="logo-item">{{data.name}}
<ion-radio value="{{data.name}}" >
</ion-radio>
</ion-item>
</ion-radio-group>
...
TS
notifyChange(event) {
this.notifyEnabled = event.detail.checked;
console.log(this.notifyEnabled);
}
changedCompany(event){
console.log(event.target.value);
}
And this is how the items are displayed
Can you help me please? what am i doing wrong?
Regards