如何从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):
HTML
<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); }
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。