Hi folks! I’m getting the error No value accessor for '', anyone knows about it? Below is a code to reproduce the error:
import { Component } from '@angular/core'
import { Modal, NavController, ViewController, NavParams } from 'ionic-angular'
@Component({
template: `
<ion-list>
<ion-item *ngFor="let item of items"
(click)="openModal(item)"
>{{item.name}}</ion-item>
</ion-list>
`
})
export class ModalTestPage {
items: any
constructor(private nav: NavController) {
this.initializeItems()
}
initializeItems() {
this.items = [
{name: 'First item', data: [
{id: '1', desc: 'Lorem'},
{id: '2', desc: 'Ipsum'},
{id: '3', desc: 'Dolor'}
]},
{name: 'Second item', data: [
{id: '1', desc: 'Lorem'},
{id: '2', desc: 'Ipsum'},
{id: '3', desc: 'Dolor'}
]},
{name: 'Third item', data: [
{id: '1', desc: 'Lorem'},
{id: '2', desc: 'Ipsum'},
{id: '3', desc: 'Dolor'}
]}
]
}
openModal(item) {
let modal = Modal.create(ModalPage, {
item: item
})
this.nav.present(modal)
}
}
@Component({
template: `
<ion-list [(ngModel)]="options">
<ion-item *ngFor="let i of item.data">
<ion-label>{{i.desc}}</ion-label>
<ion-checkbox [value]="i.id"></ion-checkbox>
</ion-item>
</ion-list>
`
})
export class ModalPage {
item: any
options: any
constructor(
private nav: NavController,
params: NavParams,
private viewCtrl: ViewController
) {
this.nav = nav
this.item = params.get('item')
}
}
Thaks!