Below I have p-dropdown of apple. I want to get apple id and apple desc using onchange, i am only able to see apple id as value in Onchange apple event. can i get both apple id and apple desc in Onchange apple event in Javascript?

        <div class="p-col-12 p-md-4">
                    <div class="p-field">
                        <label for="apple">Apple</label>
    
                        <p-dropdown [options]="apples" name="apple" id="apple" #name="ngModel"
                            [(ngModel)]="fruits.appleId" optionLabel="appleDesc"
                            optionValue="appleId" filterBy="appleId,appleDesc" [showClear]="false"
                            placeholder="Select Item" [virtualScroll]="true" [itemSize]="50" [filter]="true" appendTo="body"
                            (onChange)="onChangeApple($event)">
                            <ng-template let-apple pTemplate="selectedItem">
                                <div>
                                    <div>{{apple.appleId+ ' - ' + apple.appleDesc}}</div>
                                </div>
                            </ng-template>
                            <ng-template let-apple pTemplate="item">
                                <div>
                                    <div>{{apple.appleId+ ' - ' + apple.appleDesc}}</div>
                                </div>
                            </ng-template>
                        </p-dropdown>
                    </div>
                </div>

Here I tried using onchange apple event to get id and desc. event here only has apple id, can i get apple desc at same time?

onChangeApple(event) {
        console.log('event :' + event);
        console.log(event.value);
    }