Creó un objeto con el valor 'verdadero' en 'dropOptions'. En HTML llamé a [selected] = "option.selected" para incluir la selección.

La intención es incluir el elemento selected = "selected" en el objeto con el valor 'true'.

¡Gracias por la ayuda!

  dropOptions = [
    { name: "ID parceiro", value: 'partner', selected: true },
    { name: "ID", value: 'id' },
    { name: "Nome do Item", value: 'name' }
  ];
          <select (change)="selectOption($event)" [(ngModel)]="selectedOption"
            class="form-control gray-txt">
            <option [value]="option.value" [selected]="option.selected" *ngFor="let option of dropOptions">{{option.name}}</option>
          </select>
0
Arthur Candelaria 31 dic. 2019 a las 17:27

2 respuestas

Tratar:

      <select (change)="selectOption($event)" [(ngModel)]="selectedOption"
        class="form-control gray-txt">
        <option [value]="option.value" [selected]="option.value === selectedOption" *ngFor="let option of dropOptions">{{option.name}}</option>
      </select>
0
Juan Daniel Ornella 31 dic. 2019 a las 14:31

Si desea establecer un valor predeterminado distinto de dropOptions array como marcador de posición, haga lo siguiente.

component.html

 <select (change)="selectOption($event)" [(ngModel)]="selectedOption"
                class="form-control gray-txt">
                <option value="Select">Select</option>
                <option [value]="option.value" [selected]="option.selected" *ngFor="let option of dropOptions">{{option.name}}</option>
              </select>

component.ts

  selectedOption = 'Select';

Y si desea establecer el valor predeterminado de dropOptions array, intente así component.ts

 selectedOption = 'idB2W';

Esto establecerá el segundo elemento seleccionado porque hemos establecido el valor de la opción como [value]="option.value".

0
Santosh Shinde 31 dic. 2019 a las 14:38