Tengo una serie detranTypes (tipos de transacción) que se cargan en un menú desplegable. Después de que el usuario selecciona un valor y navega a otro componente al regresar, el valor no se selecciona en el menú desplegable.

De otras lecturas, he aprendido que esto es b / c, los objetos no son la misma instancia. ¿Qué hago en esta situación entonces?

<select name="tranType"
    class="form-control"
    [(ngModel)]="model.tranType"
    required>
   <option *ngFor="let tranType of tranTypes"
     [ngValue]="tranType">{{tranType.desc}}</option>
 </select>

Solución

ngOnInit(): void {
    this.myService.getTranTypes()
        .subscribe(tranTypes => {
            this.tranTypes = tranTypes;
            //set value of tranType if already set in the model
            if (this.myService.model.tranType != undefined) {
                this.myService.model.tranType = this.tranTypes.find(r => r.id == this.myService.model.tranType.id);
            }
        },
        error => this.errorMessage = <any>error);
}