Ejemplo de formas dinámicas de Angular 2 con resultados de ngmodel en "la expresión ha cambiado después de que se verificó"
Estoy buscando usar estoejemplo proporcionado en la documentación angular para aprovechar las formas dinámicas en combinación con el [(ngmodel)]. para que los controles de forma dinámica se puedan vincular a un modelo.
Sin embargo, cuando intento vincular un control a [(ngMode)], veo el mensaje de error
La expresión ha cambiado después de que se verificó. Valor anterior: 'falso'. Valor actual: 'verdadero'.
aquí es un Plunker de muestra con los cambios realizados.
Modifiqué la clase QuestionBase para mantener una clave
export class QuestionBase<T>{
...
modelKey:string;
...
}
Dentro del Servicio de preguntas, cada pregunta ahora tiene el nombre del modelo que debe actualizar
new TextboxQuestion({
...
modelKey: 'firstName'
}),
En DynamicFormQuestionComponent, el modelo se pasa como un varialbe de entrada
export class DynamicFormQuestionComponent {
...
@Input() model: SampleModel;
...
}
Los campos HTML DynamicFormQuestionComponent se han modificado para usar [(ngModel)]
<input *ngSwitchCase="'textbox'" [formControlName]="question.key"
[id]="question.key" [type]="question.type" [(ngModel)]="model[question.modelKey]">
Aquí el control debe estar vinculado al 'modelo [question.modelKey]' resuelto
Dado que no veo [(ngModel)] usado en el ejemplo proporcionado en la documentación oficial.
Cualquier ayuda es apreciada.
Gracias por su amabilidad.