Eu estou iniciando em Angular no meu colégio e preciso fazer um projeto de um site médico. Em uma das partes tenho o seguinte template:
<div class="container mt-5 mb-5">
<h3>Qual a doença?</h3>
<div class="container" *ngFor="let doenca of doencas;let i= index">
<div class='col-2'>
<div class="form-check">
<input type="checkbox" class="form-check-input" [(ngModel)]="paciente.doenca" name="{{doenca}}" >
<label class="form-check-label" for="exampleCheck1">{{doenca}}</label>
</div>
</div>
<p *ngIf="paciente.doenca==true && doenca=='febre'">
<input type="radio" name="alta">Febre alta
<input type="radio" name="media">Febre media
<input type="radio" name="baixa">Febre alta
</p>
</div>
</div>
e o seguinte código:
paciente:Paciente;
doencas=["febre","desmaio","vomito"];
Quero que ao clicar no checkbox mudasse o valor do atributo da doença correspondente em paciente e após isso aparecesse a tag "p" com o resto das perguntas relacionada a doença. Mas do jeito que tá,quando eu clico toda as checkbox são marcadas. Como resolver?