javascript - property - ¿Por qué no se vinculará un[(ngModel)] de un grupo de radio?
ngmodel angular 5 (3)
Sin ver su módulo de importación y su componente, es difícil saber con certeza qué podría estar mal, pero normalmente cuando tuve problemas con la vinculación de datos bidireccionales fue porque olvidé importar FormsModule u olvidé el campo de name en una entrada .
He pegado su código tal como está a un Plunkr y he confirmado que está funcionando, lo que muestra que la sintaxis de la plantilla es precisa y que su ejemplo no ha proporcionado suficiente información definitiva para proporcionar la respuesta correcta, pero debe poder hacer referencia el componente y el módulo de importación para confirmar que tiene todo lo que necesita.
Estoy usando ng-bootstrap ngbRadioGroup siguiente manera:
<div>
<label>Deductible:</label>
<div class="radio-group" [(ngModel)]="transaction.isDeductible" ngbRadioGroup name="isDeductible">
<label class="btn btn-secondary"><input type="radio" [value]="true">Yes</label>
<label class="btn btn-secondary"><input type="radio" [value]="false">No</label>
</div>
</div>
Desafortunadamente, la selección de una de las opciones no establece la propiedad transaction.isDeductible .
¿Cual podría ser el problema?
Gracias de antemano por cualquier información, avíseme si podría proporcionar información relevante adicional :)
EDITAR:
Podría valer nada, esto sucede con dos RadioGroups más, proporcioné el más simple aquí
Para mí, eliminar la línea ../node_modules/bootstrap/dist/js/bootstrap.js los ../node_modules/bootstrap/dist/js/bootstrap.js de angular-cli.json incluye el problema. ¡Obviamente, esto no es una solución para todos si necesitas JavaScript de Bootstrap!
Por lo tanto, debe haber un conflicto entre ng-bootstrap y el JavaScript de Bootstrap. No tengo tiempo para analizarlo en este momento, ¿tal vez alguien más podría? Puedo volver a esto si necesito usarlo.
Tengo el mismo problema, y eliminar el archivo boostrap js no lo solucionó.
Sí, he importado FormsModule.