Angular 2: How to get the selected value from different options of a form?
I would like to use a in a form to let the user being able to update values among different . I have used the techniqu
-
Been tackling this problem for a few hours.
Checked in the (incomplete) documentation to find an item in the NgSelectOption page called "ngValue"
Not sure if this is the intended use but it seemed to work fine.
So instead of using
[value]="item"Use:
[ngValue]="item"Just use ngModel on the select and ngModelChange event if you want to do something when it changes.
讨论(0) -
In fact I can't reproduce your problem. I created a plunkr with a very simple form with an
inputand aselect. When I submit the form, I have actual values in the bound object. See this plunkr: https://plnkr.co/edit/5C3agW7QZfcrdt88QzSh?p=preview.Feel free to tell me if I didn't correctly understand your problem.
Thierry
讨论(0) -
If you have static, hard-coded values for the select tag like below:
<select #quantity> <option value="one">1</option> <option value="two">2</option> <option value="three">3</option> <option value="four">4</option> <option value="five">5</option> </select>You can do the following:
@ViewChild('quantity') quantity: ElementRef; console.log(this.quantity.nativeElement.value); // will print value of the currently selected option讨论(0) -
There is a way to get the value from different options. check this plunker
component.html
<select class="form-control" #t (change)="callType(t.value)"> <option *ngFor="#type of types" [value]="type">{{type}}</option> </select>component.ts
this.types = [ 'type1', 'type2', 'type3' ]; this.order = { type: 'type1' }; callType(value){ console.log(value); this.order.type=value; }讨论(0)
加载中...
- 热议问题