Wählen Sie in Angular2

Question

Ich muss anmelden und ich brauche Option auswählen. Kann ich jemandem helfen, wo ich Fehler mache? Es ist mein Code

@Component({ 
    moduleId: module.id, 
    selector: 'tenants', 
    template:`<select name="repeatSelect" id="repeatSelect" [(ngModel)]="model.tenant"> 
     <option *ngFor="let tenant of tenants" value="{{tenant.abbr}}">{{tenant.name}}</option> 
    </select>` 
}) 



export class TenantComponent implements OnInit { 
    model: any = {}; 
    loading = false; 
    error = ''; 
    public tenants: Tenant[]; 

    constructor(

     private tenantService: TenantService) { } 

    setTenant(){ 
     //if you're on older versions of ES, use for-in instead 
     var tenant = this.tenants.find(t => t.name); 

     if(tenant) { this.model.tenant = tenant; } 
    } 

    ngOnInit() { 
     this.loading = true; 

     this.tenantService.tenants() 
      .subscribe((result : Tenant[]) => { 
       this.tenants = result; 
      }); 
    } 
} 

und dann füge ich in Log-Vorlage.

Wenn ich eine der Optionen wähle. In HTML der Seite ist

nachdem ich Option ausgewählt und Anfrage für Login gesendet. Es funktioniert nicht

Dank

Answer 1

setTenant(){ 
     //if you're on older versions of ES, use for-in instead 
     var tenant = this.tenants.find(t => t.name); 

     if(tenant) { this.model.tenant = tenant; } 
    } 

Dieser Teil des Codes sieht sehr seltsam.

this.tenants.find(t => t.name) fehlt einige boolesche Ausdruck. Sie müssen t.name mit dem von Ihnen gewählten Namen vergleichen, z. B. t.name == selectedName. Auf diese Weise wird der Mieter immer null sein, weil find einige boolesche Ausdrücke erwartet, um etwas zu finden!

Answer 2

[(ngModel)]="model.tenant" bezieht ein Tenant Objekt, sondern value="{{tenant.abbr}}" in eine Zeichenfolge eingegeben werden.

ich denke, es eher sein sollte

template:` 
<select name="repeatSelect" id="repeatSelect" [(ngModel)]="model.tenant"> 
    <option *ngFor="let tenant of tenants" [ngValue]="tenant">{{tenant.name}}</option> 
</select>` 

[ngValue] ermöglicht mit <option>