Angular to display some content based on radio button selected

Discussão em 'Angular' iniciado por Reegan, Dezembro 17, 2024.

  1. Reegan

    Reegan Guest

    I have two radio buttons. When I select "Partially paid", then input element formControlName="paidamount" will be displayed in screen along with <div class="formGroup". I have used binding, but this is not working.

    <mat-radio-group aria-label="Select an option" formControlName="fullypaid" [(ngModel)]="fullypaidvalue">
    <mat-radio-button value="true" [checked]="true">Fully Paid</mat-radio-button>
    <mat-radio-button value="false">Partially Paid</mat-radio-button>
    </mat-radio-group>
    <p>{{fullypaidvalue}}</p>
    <div class="formGroup" [class.d-none]="fullypaidvalue">
    <label for="paidamount" class="form-label" style="margin-top: 10pt;">Paid Amount</label>
    <input type="text" class="form-control form-control1" id="paidamount" formControlName="paidamount"
    placeholder="paidamount" name="paidamount" style="margin-left: 20pt;">
    </div>


    [​IMG]

    My stackblitz link is https://stackblitz.com/github/reegan2024/mygithubrepo?file=README.md

    Can someone please help me

    Continue reading...
    Reegan, Dezembro 17, 2024
    #1

Compartilhe esta Página