从角度4中的选择选项获取价值

Question

我对如何从Angular 4中的选择选项获取值有点困惑。我希望它在component.ts文件中分配一个新变量。我试过这个，但是什么都没输出。我相信这是一个非常简单的问题，但我无法得到它。希望你们能帮忙。你可以用[（ngModel）]来做到吗？谢谢。

component.html

<form class="form-inline" (ngSubmit)="HelloCorp(f)" #f="ngForm"> 
    <div class="select"> 
     <select class="form-control col-lg-8" #corporation required> 
      <option *ngFor="let corporation of corporations" [value]="corporationObj">{{corporation.corp_name}}</option>  
     </select> 
      <button type="submit" class="btn btn-primary manage">Submit</button> 
    </div> 
</form> 

component.ts

HelloCorp() { 
const corporationObj = corporation.value; 

}

Answer 1

你只需要把[(ngModel)]您选择eleme NT：

<select class="form-control col-lg-8" #corporation required [(ngModel)]="selectedValue"> 

Answer 2

是的，你可以使用ngModel这样的：

<form class="form-inline" (ngSubmit)="HelloCorp()"> 
    <div class="select"> 
     <select [(ngModel)]="corporationObj" class="form-control col-lg-8" #corporation required> 
      <option *ngFor="let corporation of corporations"></option>  
     </select> 
     <button type="submit" class="btn btn-primary manage">Submit</button> 
    </div> 
</form> 

HelloCorp() { 
    console.log("My input: ", corporationObj); 
} 

作为一般：

你的HTML：

<form> 
     <select [(ngModel)]="chosenOption" name="first"> 
     <option *ngFor="let o of options"> 
      {{o.name}} 
     </option> 
     </select> 
     <button (click)="print()">Click me</button> 
    </form> 

打字稿文件：

options = [ 
    {name: "option1", value:1}, 
    {name: "option2", value:2} 
    ] 
    chosenOption: string; 
    print() { 
     console.log("My input: ", chosenOption); 
    } 

还要确保您导入：

import { FormsModule } from '@angular/forms';