如何从Angular 4中的select选项中获取值？
我想将它分配给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;
}
作为将军(参见Stackblitz：
https://stackblitz.com/edit/angular-gh2rjx)：
原文链接：https://www.f2er.com/angularjs/141543.htmlHTML
<select [(ngModel)]="selectedOption" name="first">
<option *ngFor="let o of options">
{{o.name}}
</option>
</select>
<button (click)="print()">Click me</button>
<p>Selected option: {{ selectedOption }}</p>
<p>Button output: {{ printedOption }}</p>
Typescript
export class AppComponent {
selectedOption: string;
printedOption: string;
options = [
{ name: "option1",value: 1 },{ name: "option2",value: 2 }
]
print() {
this.printedOption = this.selectedOption;
}
}
在您的特定情况下,您可以像这样使用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);
}
