Categorias
iiiiii
item Check activa y desactivar
Descripcion
Como tomcar el valor del check con ts
Nota
<!-- el [(ngModel)] se usa para activar o desactivar el elemento check.
y poder manejarlo dinamicamente.
Tambien se puede usar el checked="true" pero este quedaras siempre con este valor aun asi el usuario lo
manipule
-->
<ion-content>
<ion-item *ngFor="let item of data" (click)="onClick(item)">
<ion-label>{{item.name}}</ion-label>
<ion-checkbox slot="end" [(ngModel)]="item.activo" ></ion-checkbox>
</ion-item>
<ion-button (click)="verdata()" expand="block" >
Verdata
</ion-button>
</ion-content>
html
import { Component, OnInit } from '@angular/core';
@Component({
selector: 'app-check',
templateUrl: './check.page.html',
styleUrls: ['./check.page.scss'],
})
export class CheckPage implements OnInit {
//datos para crear los check
data:any[]=[
{name:'primary',activo:false},
{name:'secondary',activo:false},
{name:'tertiary',activo:true},
{name:'success',activo:true}
];
constructor() { }
ngOnInit() {
}
onClick(item:any){
console.log(item);
}
verdata(){
console.log(this.data);
}
}