Question

<form>
    <div class="form-group">
        <label for="sel1 primary"></label>
        <select class="form-control" id="sel1">
            <option *ngFor="let group of instanceList"(click)="change_group(group.name)" > <a href="#"> {{group.name}}</a> 
            </option>
        </select>
    </div>
</form>

抱歉压痕不好。 Instancelist list是object contains，id，name，groupnumber的数组。我想在我的调用方法中获取所选选项的值，并希望在控制台中显示它。

function change_group(groupname){
     this.change_to=groupname;
     console.log(change_to);
}

问题是，给定的功能甚至不会在下拉列表中选择值。

Answer 1

(click)上的{p> <option>通常不是怎么做的。

改为使用ngModel

<select class="form-control" id="sel1" ngModel (ngModelChange)="change_group($event)">
  <option *ngFor="let group of instanceList" [ngValue]="group"> <a href="#"> {{group.name}}</a> 
        </option>

Answer 2

为什么不单独保留选项标签，只需订阅<select>标签中的选择更改事件

<select class="form-control" id="sel1" (change)="onGroupChange($event)">

选择时无法在角度2功能中接收选项值

2 个答案: