How to apply placeholder in select dropdown along with [ngmodel] in angular 6?

Question

whenever I use [(ngModel)] first value becomes empty. but when I remove [(ngModel)] it is working fine.

 <select class="custom-select" id="campaignDropdown" [(ngModel)]="campaignInfo" placeholder="Select Campaign" (change)="hitApiFunction(campaignInfo)">
            <option value="" disabled selected>Select Campaign</option>
              <option *ngFor="let campData of campaigns" [ngValue]="campData"> 
                  {{campData.campaign_name}}
              </option>
            </select>

Answer 1

thank you everyone who tried to give an answer... its working fine now, correct ans is....

<select class="custom-select" id="campaignDropdown" [(ngModel)]="campaignInfo" (change)="hitApiFunction(campaignInfo)">
            <option [value]="0" disabled selected>Select Campaign</option>
              <option *ngFor="let campData of campaigns" [ngValue]="campData"> 
                  {{campData.campaign_name}}
              </option>
            </select>

and in ts file
campaignInfo=0;