选择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>