formularz i pobieranie wartości z checkboxa

Cześć Mam taki problem chodzi o to że mam taki formularz:

        <form [formGroup]="modelForm">
            <div class="search-input">
                <mat-form-field>
                    <input matInput
                           placeholder="Twoje wynagrodzenie"
                           [(ngModel)]="rate.amount"
                           [ngModelOptions]="{standalone: true}">
                </mat-form-field>
            </div>
            <div class="search-checkbox">
                <mat-checkbox color="primary"
                              [(ngModel)]="rate.before26years"
                              [ngModelOptions]="{standalone: true}"
                              [checked]="checkbox">Ukończony 26 rok życia:</mat-checkbox>
                <mat-checkbox color="primary"
                              [(ngModel)]="rate.sameCity"
                              [ngModelOptions]="{standalone: true}"
                              [checked]="checkbox">Praca w miejscu zamieszkania:</mat-checkbox>
                <mat-checkbox color="primary"
                              [(ngModel)]="rate.ppk"
                              [ngModelOptions]="{standalone: true}"
                              [checked]="checkbox">Uczestnictwo w PPK:</mat-checkbox>
            </div>
            <div class="search-button">
                <button mat-raised-button
                        color="primary"
                        (click)="getRate()">
                    Wylicz
                </button>
            </div>
        </form>

Tylko że gdy go kliknę button to wartości z checkboxa się nie z czytują muszę dopiero je kliknąć czy mogę pobrać z nich wartości bez ich klikania bo czasami chce aby checkbox był jak domyślny wyłączony ale wtedy nie zwraca wartości

AJAX