Angulaire 2 - réglage de la valeur par défaut dans la liste déroulante lors de l'défaut est codé en dur

J'ai le déroulant. Je veux mettre Tous les Patients, comme la valeur par défaut.

    <select [(ngModel)]="searchModel.careprovider">
      <option [value]="0">All Pateints</option>
      <option *ngFor="let user of practiceUsers" [value]="user._id.$oid">
        {{user.dn}}
      </option>
    </select>

Mon modèle est déclaré ainsi:

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

J'ai mis le practiceUsers de cette façon:

  this._practice.getUsers(this.searchModel.practice).subscribe(result => {
    this.practiceUsers = result;
    this.searchModel.careProvider = 0;
  });

N'importe comment je l'ai changer j'ai toujours tout obtenir un vide de l'option par défaut. J'ai essayé d'ajouter un objet à la this.practiceUsers tableau une fois qu'il est chargé, puis en définissant la valeur de modèle. J'ai essayé le réglage de la valeur de modèle avec et sans guillemets pour voir si un nombre ou une chaîne de fait une différence. Tout ce que j'essaie encore de résultats par défaut l'option blanc.

Angulaire 1, j'aurais utilisé ng-options, mais qui n'est plus disponible Angulaire 2, et chaque exemple que je trouve montre l'utilisation de la ngFor pour les listes déroulantes.

OriginalL'auteur Jhorra | 2017-01-12

3

Les attributs de l'objet sont sensibles à la casse, dans votre objet, attribut est appelé careProvider, mais dans votre modèle, vous utilisez searchModel.careprovider avec des minuscules p. Je pense que vous devez utiliser les NgValue directive au lieu de value parce que vous êtes à l'aide de NgModel directive. Donc, cela devrait fonctionner: il n'est pas de travail
```
<select [(ngModel)]="searchModel.careProvider">
  <option [ngValue]="0">All Pateints</option>
  <option *ngFor="let user of practiceUsers" [ngValue]="user._id.$oid">
    {{user.dn}}
  </option>
</select>
```
N'est-ce pas toujours le cas? Vous parcourent le code seulement pour trouver que c'est un type simple est la cause de tous les problèmes.
Je suis tout à fait vous sentir. 🙂

OriginalL'auteur Stefan Svrkota

Essayez d'utiliser [selected] attribut. J'ai résolu le même problème de cette façon:

<select>
   <option *ngFor="let option of options" value="{{option.id}}" [selected]="option === selectedOption">
      {{option.name}}
   </option>
</select>

J'espère que cela vous aide un peu

OriginalL'auteur Jaroslaw K.

<select class="form-control" id="policeid_country_id" name="policeid_country_id" formControlName="policeid_country_id">
    <option [ngValue]="null">Select</option>
    <option [ngValue]="country.id" *ngFor="let country of countries">{{country.country}}</option>
</select>

OriginalL'auteur Michalis

Vous devez vous connecter pour publier un commentaire.