選擇Angular2

Question

我必須做登錄，我需要選擇選項。我能幫助那些我犯錯的人嗎？ 有我的代碼

@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; 
      }); 
    } 
} 

然後我插入登錄模板。

如果我選擇其中一個選項。在側面的HTML是

我選擇了選項後發送了登錄請求。它不工作

感謝

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; } 
    } 

的這部分代碼看起來很奇怪。

this.tenants.find(t => t.name)錯過了一些布爾表達式。您需要將t.name與您選擇的名稱（如t.name == selectedName）進行比較。這樣的租客將永遠是null，因爲find期望一些布爾表達式來找到一些東西！

Answer 2

[(ngModel)]="model.tenant"所指一個Tenant對象但value="{{tenant.abbr}}"指的是一個字符串。

，我認爲它應該是

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

[ngValue]允許使用對象的值與<option>