Prime-Ng p-dropdown 刷新后不显示所选值

Question

I am using prime-ng p-drop to select a value and post it to DB. I am able to select a value and can post it to DB. but if i refresh the page, i dont see selcected value and its always the showing the top value from the list. below is my code. Would appreciate any help. TIA

          <p-dropdown  [options]="countries" [(ngModel)]="dataelement.jobDataElementValue"
            (onChange)="jobControlsValueChange($event,dataelement?.jobDataElementName,'dropdown')"
            [filter]="true" optionLabel="name" filterBy="name" >

              <ng-template pTemplate="selectedItem">
                  <div >
                    <div>{{ dataelement.jobDataElementValue.name}}</div>
                  </div>
              </ng-template>
              <ng-template let-dropdownvalues pTemplate="item">
                  <div >
                       <div>{{dropdownvalues.name}}</div>
                  </div>
              </ng-template>
          </p-dropdown>

Answer 1

In case someone looking for answer

<p-dropdown [options]="countries" [(ngModel)]="dataelement.jobDataElementValue" (onChange)="jobControlsValueChange($event,dataelement?.jobDataElementName,'dropdown')" [filter]="true" optionLabel="name" optionValue="name" filterBy="name" >

          <ng-template pTemplate="selectedItem">
              <div >
                <div>{{ dataelement.jobDataElementValue}}</div>
              </div>
          </ng-template>
          <ng-template let-dropdownvalues pTemplate="item">
              <div >
                   <div>{{dropdownvalues.name}}</div>
              </div>
          </ng-template>
      </p-dropdown>