I have the following dropdown. I want to set All Patients as the default value.

    <select [(ngModel)]=searchModel.careprovider>

      <option [value]=0>All Pateints</option>

      <option *ngFor=let user of practiceUsers [value]=user._id.$oid>

        {{user.dn}}

      </option>

    </select>

My model is declared this way:

searchModel: any = { location: null, practice: null, name: '', careProvider: 0 };

I set the practiceUsers this way:

  this._practice.getUsers(this.searchModel.practice).subscribe(result => {

    this.practiceUsers = result;

    this.searchModel.careProvider = 0;

  });

No matter how I change it I always just get a blank option as the default. I've tried adding an object to the this.practiceUsers array after it is loaded, then setting the model value. I've tried setting the model value with and without quotes to see if a number or string made a difference. Everything I try still results in the default being the blank option.

In Angular 1 I would have used ng-options, but that is no longer available for Angular 2, and every example I find shows to use the ngFor for dropdowns.