Javascript 我需要从我的选择选项发送值

我正在使用angular，我想发送有关我在“选择”选项中选择的元素的信息。具体来说，我想将数据值发送到product-form.component.ts中的变量。 我尝试使用ngModel，但不断出现错误，说它无法识别（单击）=selectCategory1（类别）使用一个函数我正在为我的表单使用模板表单，这可能是原因。您可以在以下网址查看我的代码：

产品表单组件html

<div class="form-group">
    <label for="productCategory">Product Category</label>
    <select  [(ngModel)]="model.category" (click)=selectCategory1(category) name="category"  class="form-control" id="productCategory" (click)="value()">
        <option *ngFor="let category of categories" (click)=selectCategory1(category) data-value="{{category.category}}" id={{category.categoryName}} >{{category.categoryName}}</option>
    </select>
</div>

---

你肯定是想把事情复杂化。您需要将一个简单的

（change）

方法绑定到选择列表，该列表将在值更改时触发。您可以使用模板引用变量作为

<Select #select (change)="SelectChanged(select.value)">

组件类看起来像

GetSelectedValue(val) {
    //do something with val
}

---

Stackblitz位于：

您能否创建一个Stackblitz/plunkr，以便对其进行调试？

<select [(ngModel)]="selectedOption" (change)="GetSelectedValue(selectedOption)">
    <option *ngFor="let option of options" [ngValue]="option">{{option}}</option>
</select>

GetSelectedValue(val) {
    //do something with val
}